v-if控制element组件显示隐藏
由于初次接触vue项目,简单记录一下在利用element组件开发的时候遇到显示和隐藏问题这个时候想到的是:利用js的三元运算计算this.activeIndex == false ? '' : <el-table-column/>利用这个应该是可以控制activeIndex的值来控制组件的显示与隐藏,发现不行(不知道什么原因)利用v-show<el-table-column v-
   ·  
 由于初次接触vue项目,简单记录一下
  在利用element组件开发的时候遇到显示和隐藏问题
  这个时候想到的是 :
- 利用js的三元运算计算
this.activeIndex == false ? '' : <el-table-column/>
利用这个应该是可以控制activeIndex的值来控制组件的显示与隐藏,发现不行(不知道什么原因)
- 利用v-show
<el-table-column v-show="activeIndex"/>
利用v-show应该是可以控制activeIndex的值来控制组件的显示与隐藏,发现不行(不知道什么原因)
- 利用v-if
<el-table-column v-if="activeIndex"/>
这次就可以。
  但是不明白的是,v-show和v-if虽然控制dom的原理不同,但是都是显示和隐藏,这应该就是和组件有关,v-show其实就是css中的display来控制,v-if则是直接删除dom
  博主个人小博客:嘿嘿
  本文连接:点击
这个只是简单的显示隐藏,如果是页面中多个tag,只有其中一个tag显示复选框等,请移步
  链接:点击
更多推荐
 
 



所有评论(0)