你可以这样做:
- 在组件中声明一个变量,用来存储下拉框的内容。例如:
data() {
return {
pickerOptions: [], // 声明变量
}
},
- 在按钮的点击事件处理函数中,修改
pickerOptions
的值。例如:
methods: {
changeOptions() {
this.pickerOptions = [{
value: '选项1',
label: '选项1'
}, {
value: '选项2',
label: '选项2'
}];
}
}
- 在模板中绑定
pickerOptions
到 el-date-picker 的options
属性。例如:
<template>
<el-date-picker v-model="date" :options="pickerOptions"></el-date-picker>
</template>
这样就实现了通过按钮改变下拉框内容的效果。