美文网首页
element 下拉框加一个自定义选项

element 下拉框加一个自定义选项

作者: jesse28 | 来源:发表于2021-12-11 10:36 被阅读0次
 <el-select v-model="value" clearable placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.name"
      :value="item.value">
    </el-option>
  </el-select>

data() {
  return {
     options: [{
         value: '1',
         name: '测试'
       }, {
         value: '2',
         name: '测试2'
       }, {
         value: '3',
         name: '测试3'
        }],
     value: ''
    }
 },
mounted(){
    this.options.unshift({value: "all", name: "全部"})
}

image.png

相关文章

网友评论

      本文标题:element 下拉框加一个自定义选项

      本文链接:https://www.haomeiwen.com/subject/rbrkfrtx.html