Vue.js 在选项中添加元素
我之所以创建这篇文章,是因为我试图在一个HTML select函数中添加和删除选项 我到处找了,但不幸的是什么也没找到 提前感谢您的帮助Vue.js 在选项中添加元素,vue.js,Vue.js,我之所以创建这篇文章,是因为我试图在一个HTML select函数中添加和删除选项 我到处找了,但不幸的是什么也没找到 提前感谢您的帮助 方法:{ 附加元素(){ //操作选择中的函数添加选项 } } vue文档中的示例(在该页面使用v-for和select查找): 请提供您迄今为止尝试过的内容显示您的选项和功能,您现在正在说我什么都没有,我甚至不知道从哪里开始。选项。拼接(0,1)?在使用vue数据驱动程序时,向选项添加一个选项,您应该这样做:options.push({/*您的选项*/}
方法:{
附加元素(){
//操作选择中的函数添加选项
}
}
vue文档中的示例(在该页面使用v-for
和select
查找):
请提供您迄今为止尝试过的内容显示您的选项和功能,您现在正在说我什么都没有,我甚至不知道从哪里开始。选项。拼接(0,1)?在使用vue数据驱动程序时,向选项添加一个选项,您应该这样做:options.push({/*您的选项*/});
<select v-model="selected">
<option v-for="option in options" v-bind:value="option.value">
{{ option.text }}
</option>
</select>
<span>Selected: {{ selected }}</span>
new Vue({
el: '...',
data: {
selected: 'A',
options: [
{ text: 'One', value: 'A' },
{ text: 'Two', value: 'B' },
{ text: 'Three', value: 'C' }
]
}
})
methods:{
addOption(option){
this.options.push(option);
}
}