<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 = () => {
// 底部按钮的点击事件 点击后想触发的逻辑也可以直接写在这
onClick && onClick();
// 以下代码实现点击后弹层隐藏 不需要可以删掉
if (ref.toggleDropDownVisible) {
ref.toggleDropDownVisible(false);
} else {
ref.visible = false;
}
};
}
}
},
cascaderClick(){},
element-ui下拉框添加添加数据按钮
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 业务需求是切换下拉选项是弹出提示修改其他数据,点击确定修改,点击取消下拉框值不改变。 这样就需要一个中间值作为转换...
- 一:应用场景 在回显下拉框的时候已经查询了所有的信息,为了避免再根据下拉框选中获取的id在重新查找一次数据。 二:...
- element-ui下拉框组件选择获取多个属性: ``` <el-form-item label="用户:" pr...
- 关于element select框默认值赋值不成功问题,注意两点:1、v-model里面的数据和遍历出来value...
- 在开发的时候可能会遇到这样的需求:一个多选的下拉框里有很多分组,因为业务需求导致分组之内的选项可以多选,而一旦选中...