Vue js变量控制元素样式变化

159 阅读1分钟

Vue中想要根据页面中判断某个值是否存在,对element-ui样式进行改变。

问题:人员选择框组件需要根据是否传入meetingId决定是否取消掉关闭图标

var tagClose=document.getElementsByClassName('el-icon-close')
var circleClose=document.getElementsByClassName('el-icon-circle-close')
//如果存在meetingId,则去除“x”符号
if (this.meetingId){
  tagClose[tagClose.length-1].style.display='none'
  circleClose[0].style.display='none'
}

修改代码前效果图:

image.png

修改代码后效果图:

image.png