vue element-ui tab切换时echarts不显示

原代码–不显示问题如下<el-tabs v-model="activeName" value="" @tab-click="handleClick"><el-tab-pane label="用户" name="user">用户</

mhbsoft

5038人浏览 · 2019-02-13 20:16:44

mhbsoft · 2019-02-13 20:16:44 发布

原代码–不显示问题如下

<el-tabs v-model="activeName" value="" @tab-click="handleClick">
	<el-tab-pane label="用户" name="user">用户</el-tab-pane>
	<el-tab-pane label="服务人员" name="servicer">服务人员</el-tab-pane>
	<el-tab-pane label="订单" name="order">订单</el-tab-pane>
</el-tabs>

解决：

<el-tabs v-model="activeName" value="" @tab-click="handleClick">
	<el-tab-pane label="用户" name="user" lazy>用户</el-tab-pane>
	<el-tab-pane label="服务人员" name="servicer" lazy>服务人员</el-tab-pane>
	<el-tab-pane label="订单" name="order" lazy>订单</el-tab-pane>
</el-tabs>

参考链接：
https://blog.csdn.net/weixin_43549408/article/details/85250886
参考文章已给了解决方案-是加上"lazy=‘true’，但控制台会报错希望得到一个布尔类型。解决–直接加上lazy即可"

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^