<el-select
v-model="form.labels"
multiple
:placeholder="$t('goods.qxz_content')"
ref="template"
@visible-change="(v) => visibleChange(v, 'cascader', cascaderClick)"
>
<el-option
v-for="(item, index) in labelslist"
:key="item.code"
:label="item.value"
:value="item.value"
>
</el-option>
</el-select>
visibleChange(visible, refName, onClick) {
if (visible) {
const ref = this.$refs[refName];
let popper = ref.$refs.popper;
if (popper.$el) popper = popper.$el;
if (!Array.from(popper.children).some(v => v.className === 'el-cascader-menu__list')) {
const el = document.createElement('ul');
el.className = 'el-cascader-menu__list';
el.style = 'border-top: solid 1px #E4E7ED; padding:0; color: #606266;';
el.innerHTML = `<li class="el-cascader-node" style="height:38px;line-height: 38px">
<i class="el-icon-menu"></i>
<span class="el-cascader-node__label">商品分類管理</span>
<i class="el-icon-arrow-right el-cascader-node__postfix"/>
</li>`;
popper.appendChild(el);
el.onclick = () => {
// 底部按鈕的點擊事件 點擊后想觸發(fā)的邏輯也可以直接寫在這
onClick && onClick();
// 以下代碼實現(xiàn)點擊后彈層隱藏 不需要可以刪掉
if (ref.toggleDropDownVisible) {
ref.toggleDropDownVisible(false);
} else {
ref.visible = false;
}
};
}
}
},
cascaderClick(){},
element-ui下拉框添加添加數(shù)據(jù)按鈕
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- 業(yè)務(wù)需求是切換下拉選項是彈出提示修改其他數(shù)據(jù),點擊確定修改,點擊取消下拉框值不改變。 這樣就需要一個中間值作為轉(zhuǎn)換...
- 一:應(yīng)用場景 在回顯下拉框的時候已經(jīng)查詢了所有的信息,為了避免再根據(jù)下拉框選中獲取的id在重新查找一次數(shù)據(jù)。 二:...
- element-ui下拉框組件選擇獲取多個屬性: ``` <el-form-item label="用戶:" pr...
- 關(guān)于element select框默認值賦值不成功問題,注意兩點:1、v-model里面的數(shù)據(jù)和遍歷出來value...
- 在開發(fā)的時候可能會遇到這樣的需求:一個多選的下拉框里有很多分組,因為業(yè)務(wù)需求導(dǎo)致分組之內(nèi)的選項可以多選,而一旦選中...