分类：v-show

2020
10-10

如何区分vue中的v-show 与 v-if

1.v-show不管初始的条件是什么，元素总是会被渲染，并且只是简单的基于CSSdisplay:none或者display:block的属性进行切换。2.v-if会根据初始的条件（data里自己的定义的数据）来进行真正的渲染（组件真正的销毁和重建），如果条件为真，才会开始渲染条件块，如果条件为假，则不会渲染条件块。注意：v-if不要和v-for一起使用！当和v-for一起使用时，v-for的优先级比v-if更高，详见vue官网关于v-for的详细描述，为... 继续阅读 >

2020
10-08

在vue中使用el-tab-pane v-show/v-if无效的解决

我就废话不多说了，大家还是直接看代码吧~解决方法如下：<template><el-tabsv-model="settype"@tab-click="tabClick"ref="tabs"><el-tab-panelabel="广告位设置"name="bannerset">广告位设置</el-tab-pane><el-tab-panelabel="推送设置"name="sendset">推送设置</el-tab-pane><el-tab-panelabel="权限管理"name="authset">权限管理</el-tab-pane><el-tab-panelabel="红包配置"name="redpoketset">红包配置</el... 继续阅读 >

2020
10-08

解决echarts图表使用v-show控制图表显示不全的问题

最近做echarts图表时，因为涉及到使用开关变量控制不同图表的显示隐藏，用v-if时会出现没有获取到dom结构而报错，所以改用v-show，但是v-show本身是结构已经存在，当数据发生变化时，结构并未重新渲染，所以会出现echarts图表未获取到最外层大盒子的宽度而显示一半的情况，就像下图：还折腾了半天，其实就是当数据请求出来后，调用绘制ehcarts时图表的时候，用Vue.nextTick(function(){//DOM更新了})主动触发一下图... 继续阅读 >