实现指定的值不可编辑。通过el.querySelectorAll(‘.el-select__tags-text’)获取所有的值,把指定的值传进来,比较,相等就通过el.nextElementSibling获取当前节点的下一个节点,这个节点就是tag,把它隐藏
directives: {
defaultSelect:{
update:function(el, bindings){
const [defaultValues] = bindings.value
const dealStyle = (tags) => {
tags.forEach((el, index) => {
for(let i = 0;i<defaultValues.length;i++){
if(el.innerText==defaultValues[i]){
el.nextElementSibling.style.display='none';
}
}
})
}
const tags = el.querySelectorAll('.el-select__tags-text')
if (tags.length === 0) {
setTimeout(() => {
const tagTemp = el.querySelectorAll('.el-select__tags-text')
dealStyle(tagTemp)
})
} else {
dealStyle(tags)
}
}
}
}