1.@focus=“getFocus”鼠標聚焦的時候寫個方法,彈窗起來
getFocus(){ this.定義的彈窗狀態字段 = true;}
2.點擊確定的時候,數值賦值到el-input的輸入框,彈窗取消(this.定義的彈段字端 = false)
3.但是會有個問題就是el-input 不可點擊加了:readonly="true"這個屬性,此時清除效果就會失效
?
<el-inputv-model="value"placeholder="請選擇":readonly="true"@focus="getFocus($index)"><!-- slot="suffix"重點 btnClearable事件,v-show=value有值就顯示沒有值就隱藏 --><span slot="suffix" v-show="value" @click="getClearable(row,$index)"><i class="el-icon-close" style="margin-left: 5px;margin-top:13px;cursor: pointer;"></i></span></el-input>
getClearable(row,index){this.value = ''},
<style>/deep/.el-icon-close:before {content: "\E78D";}</style>