【Element-UI】解决select 切换单选/多选 multiple 状态 的问题


Codepen

https://codepen.io/braink-1400/pen/NWaayxm?editors=1111 

var Main = {
    data() {
      return {
        options: 
        [{
          value: '选项1',
          label: '黄金糕'
        }, {
          value: '选项2',
          label: '双皮奶'
        }, {
          value: '选项3',
          label: '蚵仔煎'
        }, {
          value: '选项4',
          label: '龙须面'
        }, {
          value: '选项5',
          label: '北京烤鸭'
        }],
        value: '选项1',
        multiple:true,
      }
    },
    methods:{
      click(){
        if(this.multiple){
          this.value =[] ;
        }else{
          this.value ='' ;
        }
        setTimeout(()=>{
          this.value=[];
          this.multiple=!this.multiple
        });
      },
},
  }
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app');

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM