你可以这样做:
在组件中声明一个变量,用来存储下拉框的内容。例如:
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>
这样就实现了通过按钮改变下拉框内容的效果。