繁体   English   中英

Vue2-Vuetify输入@click事件中的更新值

Vue2-Vuetify Update value in input @click event

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

这是我的v-data-iterator代码,我想在单击列表项值文本时更改输入值。

<v-data-iterator :items="items" content-tag="v-layout" row wrap hide-actions>
    <v-flex slot="item" slot-scope="data" xs12>
      <v-card>
        <v-list>
          <v-list-tile>
            <v-list-tile-content @click="setNewValue">{{ data.item.name }}</v-list-tile-content>
          </v-list-tile>
        </v-list>
      </v-card>
    </v-flex>
  </v-data-iterator>

这是我的数据()

data() {
    return {
    Input: "",
    items: [
      {
        name: 'JhonDoe1'
      },
      {
        name: 'JhonDoe2'
      },
      {
        name: 'JhonDoe3'
      }
    ],

    };
  },

最后这是我在Methods()中的功能

methods: {
    setNewValue: function () {
      this.message = this.items.name.value;
    }
  }

我要更改其值的文本字段

<v-text-field
 v-model="Input"
 value="{this.items.name}"
></v-text-field>

我在哪里错了? 谢谢 :)

问题暂未有回复.您可以查看右边的相关问题.
1 如何使用vue和vuetify在卡上的keyup事件中获取下一个对象值

更新: 我意识到我的组件需要包装在div中,然后添加了以下代码: 然后我遇到了一个问题,由于我的逻辑,第一张卡没有集中到用户只能使用箭头键的位置,所以我最终做了 原始问题: 我有一个Vue组件,它是Vuetify卡的v-for循环。 我正在尝试使用@keyup事件 ...

2 使用Vuetify间歇延迟在Vue模板中传播单击事件

我遇到了最不寻常的问题。 我无法确定是什么原因。 例如,我有分配了@click组件。 当应用程序首次启动时,我可以单击它们。 当我执行路线更改并返回页面并尝试单击相同的组件时,它将不会响应。 如果我等待约20秒钟,则单击会开始正常工作。 有什么想法吗? ...

3 jQuery的click事件无法获取输入值

我正在动态创建一个包含一些动态生成的按钮的表。 在使用POST之前,我已经做过同样的事情,并且可以正常工作。 现在,我正在使用AJAX,因此我需要通过click事件获取隐藏form元素的值。 但是,它总是给我第一个值(第一行/表格)。 以下是精简代码的示例。 每个按钮是否必须使 ...

5 Vue 向@click 事件添加条件

我有一个引导程序折叠,我想在打开折叠时而不是在关闭它时执行数据提取。 所以我需要对aria-expanded属性进行检查。 我不确定这是否是一个好方法,因为这将始终在关闭和打开时执行提取。 ...

6 动态生成的按钮上的Click事件不要在Vue中触发

我正在动态添加一个按钮并附加click事件,但它似乎没有触发。 我在下面的链接上看到类似的内容,但与我所寻找的不完全相同。 Vue:将click事件绑定到动态插入的内容 我正在按代码中所示添加按钮Commit并希望触发commit:function(responseData) ...

7 消除模态后的Vue / Vuetify焦点输入

在页面上,我有一个Vuetify v-form / v-text-field 。 用户可以在此表单中键入查询,然后按Enter以更新页面。 有时查询是错误的,并且会弹出v-dialog模式来解释错误。 这是一个复杂的错误,不能仅仅包装在v-text-field的rules属性中。 ...

8 为什么Vue.js输入值没有更新?

我有一个Vue.js text-input组件,如下所示: 我在另一个组件中使用该text-input如下: 然后,在使用text-input的组件的JS中,我有类似以下的代码来删除li行: filter方法正在从rows数组中正确地删除索引为idx的rows ,而在父组 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM