代码之家 › 专栏 › 技术社区 › timpone

如何在表单中获得对特定v模型的引用

vuejs2 vue.js

timpone · 技术社区 · 7 年前

我是Vue2的新手,正在尝试以传递给方法的形式获取对模型值的引用。我有:

<div v-for="n in maxLength">
    <input v-model='price.matrix_prices[n]' /><div @click="fillPrices(?)">set all to this price</div>
{{n}}</div>

matrix_prices是具有指定值的哈希。假设有人在输入模型中填写8,我如何获得引用以便 ? 八岁吗?

1 回复 | 直到 7 年前

Leon 7 年前

你有访问权限吗 n 在下面的函数中?

<div v-for="n in maxLength">
  <input v-model='price.matrix_prices[n]' />
  <div @click="fillPrices(n)">set all to this price
  </div>
  {{n}}
</div>

methods: {
  fillPrices(n) {
    var data = this.price.matrix_prices[n];
    //do something with the data
  }
}

推荐文章

4r60_ · 如何停止VueJS上的间隔?[副本]

2 年前

Park · Vuejs道具,路径较长

3 年前

Mathijs · vue-chartjs4中的混合气泡图和折线图

3 年前

roev · 大堆来自(物体)。forEach不使用vue。js

3 年前

haferje · Vue。用于计算属性重新渲染的js加载指示器

7 年前

Ready Dev · Axios一次发出多个请求(vue.js)

7 年前

JeanValjean · 如何在Vue中使用事件总线通过自定义事件传递数据。js 2

7 年前

dede.brahma · VueJs-元素UI el select:如何获取值父级和子级

7 年前

tzortzik · 如何使用vue路由器将对象作为道具传递?

7 年前

Tim · VueJS-迭代从AJAX调用返回的数据

7 年前