如何在VueJS中检测选定的指标？
如何在VueJS中检测选定的指标？
提问于 2017-06-15 22:28:54
我有一个VueJS代码：
new Vue({
el: '#app',
data: {
model: [
{ name: 'a', price: 1.00 },
{ name: 'b', price: 2.00 },
{ name: 'c', price: 3.00 },
],
actived: {}
},
methods: {
setActive: function(model) {
this.actived = model;
}
}
});并具有以下HTML代码：
<select v-on:change="setActive(models[n])">
<option v-for="n in 3">{{ n }}</option>
</select>我想要将激活的数据值更新到所选的模型。例如，用户更改select字段上的第二个选项，我希望将第二个模型的数据传递到激活的值中。
是否有方法检测所选选项的索引？也许和jQuery或者其他的.结合在一起？
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-06-15 23:17:41
您可以通过v-model在select上实现它。选定的值将传递给您的active支柱：
new Vue({
el: '#app',
data: {
model: [
{ name: 'a', price: 1.00 },
{ name: 'b', price: 2.00 },
{ name: 'c', price: 3.00 },
],
active: {}
}
});<script src="https://unpkg.com/vue/dist/vue.js"></script>
<div id="app">
<select v-model="active"> // v-model
<option :value="n" v-for="n in model">{{ n.name }}</option> // bind value
</select>
<p>{{ active }}</p>
</div>
注意，我们循环遍历model数组本身，并将元素绑定到option的value属性(此值被设置为选定的值，并通过v-model传递给active )。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44582260
复制相关文章
相似问题
腾讯云开发者
