console
new Vue({
data(){
return {
options:[
{label:"无",value:"none"},
{label:"香蕉",value:"banana"},
{label:"苹果",value:"apple"},
{label:'梨子',value:"pear"}
],
selectValue:[]
}
},
methods:{
handleClick(data){
if(data.value!=='none'){
const index=this.selectValue.indexOf('none');
if(index>-1){
this.selectValue.splice(index,1);
this.selectValue.push(data.value);
}
}
},
handleChange(value){
if(value.indexOf('none')>-1){
this.selectValue=['none'];
}
}
}
}).$mount(".demo");
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<div class="demo">
<el-select v-model="selectValue" multiple placeholder="请选择"
@change="handleChange"
>
<el-option
v-for="(item,index) in options"
:key="index" :label="item.label" :value="item.value"
@click.native="handleClick(item)"
>
</el-option>
</el-select>
</div>
.demo{
width: 100vh;
height: 100vh;
margin: auto auto;
}