网站购买流程,wordpress副标题函数,设计必知的设计网站 039,软文推广是什么先上图片 一实现逻辑 我们知道element颜色默认为灰色#xff0c;首先便签名称是唯一的#xff0c;我的实现逻辑是后端传给前端 含有颜色#xff0c;名称的数组#xff0c;然后vue记录一个对象{名称 颜色}#xff0c;当用户选择标签之后#xff0c;触发 点击事件首先便签名称是唯一的我的实现逻辑是后端传给前端 含有颜色名称的数组然后vue记录一个对象{名称 颜色}当用户选择标签之后触发 点击事件然后去除框中的名称然后一一渲染颜色。 二代码实现 handleExpandChange() {this.$nextTick(function () {let cc this.$refs[myCascader].popperJS if (cc ! null) {let c cc._popperlet b c.getElementsByClassName(el-cascader-panel)let d b[0].childNodes//修改列表//增加按钮if(rightShow(CrmContactgetContactLabel)) {let left d[0];if(left ! null) {let e left.getElementsByClassName(el-scrollbar__view)let child e[0]let childLength child.getElementsByClassName(el-cascader-node);if(childLength.length 5) {$(child).append(li rolemenuitem idcascader-menu-7218-0-3 tabindex-1 classel-cascader-node aria-haspopuptrue aria-ownscascader-menu-7218-0label classel-checkboxspan classel-checkbox__input button-icon-colorspan classel-icon-plus/spaninput typecheckbox aria-hiddenfalse classel-checkbox__original value/span/labelspan classel-cascader-node__labeldiv typebutton classbutton-add-tags onclickvue.fn()tags:lang新增标签/tags:lang/div/span/li)}}} //修改标签颜色//改变颜色let f d[1];if(f ! null) {f.style.minWidth 220pxlet e f.getElementsByClassName(el-cascader-node);for(let i 0; i e.length; i) {e[i].style.height 40pxlet objLeft e[i].getElementsByTagName(label)objLeft[0].style.float rightobjLeft[0].style.marginLeft 70pxobjLeft[0].style.bottom 3pxe[i].append(objLeft[0])let obj e[i].getElementsByTagName(span)obj[0].style.backgroundColor this.allTags[obj[0].innerHTML][value]obj[0].style.color #fffobj[0].style.maxWidth 500pxobj[0].style.maxHeight 28pxobj[0].style.textAlign centerobj[0].style.lineHeight 28pxobj[0].title e[i].innerHTML}} }})}, 如需源码请评论你的邮箱