vuev-for出来的列表,点击某个li使得当前被点击的li字体变红操作

 
添加
 
删除
 
锁定
 
插空
 
插座
 
对调

handleSeatList () {
 this.seatTipOperatiOnVisible= true
}

mounted () {
 // this的指向问题
 let that = this
 document.addEventListener('click', function (e) {
  // 这里that代表组件，this代表document
  // 冒泡也不会隐藏
  if(!that.$refs.seatTipOperation.contains(e.target)){
   that.seatTipOperatiOnVisible= false
  }
 })
}