希望调用addSelected函数时能够插入一条新数据到selected中。输入框显示烤地瓜,selected也能够获取烤地瓜的value值也就是6
<template>
<div>
<el-select v-model="selected" multiple placeholder="请选择" ref="nselect">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
<el-button @click="addSelected">添加新选项</el-button>
<el-button @click="getData">获取数据</el-button>
</div>
</template>
<script>
export default {
data() {
return {
selected: [],
options: [
{ value: '1', label: '黄金糕' },
{ value: '2', label: '双皮奶' },
{ value: '3', label: '蚵仔煎' },
{ value: '4', label: '龙须面' },
{ value: '5', label: '北京烤鸭' }
]
};
},
methods: {
addSelected() {
const newData = { value: '6', label: '烤地瓜' };
},
getData(){
console.log(this.selected)
}
}
};
</script>