vue-cli element-ui 中标签页的使用

在element-ui官方文档中标签页的使用比较简单,但实际应用中这种不实用,太简单了,我们一般用到的是像vue中路由那样可以切换很大块的内容。自己总结为下:

 

vue-cli element-ui 中标签页的使用_第1张图片

 这种写法的实际效果是:

vue-cli element-ui 中标签页的使用_第2张图片

这种写法的主要技术点就是通过 handlerClick的参数tab,可以判定选定的那一项的name(tab.name),然后把它赋值给一个变量,通过变量去判定哪个应该显示

 

 

2018/10/26

上面写法有点复杂,可以简单改写成下面这种

   

       

         

dsdsfdfs

           

dsdsd

       

   

   

     

           

你好

           

你好歹

     

   

你可能感兴趣的:(小功能总结)