Element tabs自定义content内容/element tabs自定义内容

 

  之前在使用Element-ui的tabs标签页的时候,content内容只能是html内容和字符串,所以在使用element自定义标签(比如按钮,表格)的时候会出现直接显示字符串的样子,对于第二种方案,会有一个小问题,就是第二个数组移除完的时候,需要自己写一个判断,默认选中上一个数组最后一个tab,

其它说明:我没有搭建vue 脚手架,而是直接在html和jsp页面使用new Vue({})的,请根据自己实际情况做相应更改。

一 第一种方法,通过iframe




    主页
    
	
	
    
	
	
	
	


add tab
内容

二 通过自定义组件




    主页
    
	
	
    
	
	
	
	


添加自定义内容为test的tab 添加自定义内容为test2的tab
内容

三 最好的方案  也是自定义组件




    主页
    
	
	
    
	
	
	
	


添加自定义内容tab

 

你可能感兴趣的:(前端)