NodeJS 如何获取调用Vuetify中函数的组件的v模型？

i34xakig 于 2023-02-08 发布在 Node.js

关注(0)|答案(1)|浏览(120)

我碰巧做的形式，其中每个文本字段必须相互合作，例如：

<template>
 <v-app>
  <v-text-field v-model="foo1" @input="updateForm">
  <v-text-field v-model="foo2" @input="updateForm">
 </v-app>
</template>

<script>
export default {
 data() {
  return {foo1:0, foo2:0}
 },

 methods:{
  updateForm(foo){
   foo1=foo1/foo1+foo2
   foo2=foo2/foo1+foo2

   //Can we get the v-model of foo which called the function to make a special update?? like 
   // foo=foo/2
 } 

 }
}
</script>

我正在使用Vue2

node.js

来源：https://stackoverflow.com/questions/75346255/how-to-get-the-v-model-of-component-that-called-the-function-in-vuetify

1条答案

按热度按时间

k4emjkb11#

使用一个数组来保存所有的输入值，并将数组索引传递给事件处理器方法是解决问题的最常用方法。使用数组，您还可以利用v-for来动态呈现输入元素，从而减少重复代码。

<template>
  <v-app>
    <v-text-field 
      v-for="(foo, i) in foos" :key="i" 
      type="number"
      v-model.number="foos[i]"
      @input="updateForm(i)"
    />
  </v-app>
</template>

<script>
export default {
  data() {
    return {
      foos: [0, 0]
    };
  },

  methods: {
    updateForm(fooIndex) {
      this.foos[fooIndex] += 1;
    }
  }
};
</script>

赞(0）回复(0）举报 2023-02-08

我来回答

NodeJS 如何获取调用Vuetify中函数的组件的v模型？

1条答案

相关问题

热门标签

最新问答