vue
前端攻程狮
这个作者很懒,什么都没留下…
展开
-
vue引导效果插件driver.js讲解
在vue里使用driverjs做出引导效果原创 2023-01-12 14:06:09 · 1053 阅读 · 0 评论 -
解决element组件数据无法二次渲染的问题
当你使用elementUI组件后,如果使用接口传参赋值,第一次可以正常渲染数据,但是当第二次重复操作时,数据是正常的,在页面却没有正常显示。我们拿Cascader 级联选择器为例,解决办法是强制使用 v-if 进行重新加载渲染。 <el-cascader v-if="cascaderFlag"></el-cascader> this.cascaderFlag = false this.$nextTick(() => { this..原创 2021-08-27 10:14:14 · 1833 阅读 · 3 评论 -
动态计算表格高度
我们在使用表格展示数据时,都遇到过需要监听屏幕窗口的大小,动态计算table的height,达到适配屏幕尺寸的友好界面项目,接下来我给大家呈现一下解决方案,希望能帮助到大家1 在data里声明变量 contentStyleObj: { height: "" }, //动态计算高度2 表单里赋值:style="contentStyleObj"3 在声明周期里调用 方法计算 created() { window.addEventListene.原创 2021-05-25 15:52:08 · 651 阅读 · 0 评论 -
el-tree未完全勾选子节点,但父节点存在则子节点全部勾选问题
我从后台获取默认勾选的节点(包括父节点和子节点)。子节点未全部勾选,但获取数据中只要存在父节点,则子节点就会被渲染。开始使用如下代码进行渲染,出现了问题。后来改为如下代码,问题就解决了。...转载 2021-05-14 10:22:07 · 507 阅读 · 1 评论 -
el-table展开行 +懒加载 实现内部表格嵌套
在开发过程中需要在表格展开行中再嵌套一个表格,当element自带的组件满足不了(外层表格数据和内层表数据由两个接口提供),需要用类似懒加载的功能实现,所以选择采用展开行 + expand-change事件来实现。实现中遇到的问题通过展开行+ expand-change实现时,遇到一个很大的问题,就是el-table组件在更新数据内部某个属性值时,并不能实时刷新dom视图,这样会导致每次在expand-change事件中获取到内层表格数据后,给父层数据中添加属性时视图并未刷新。解决方法需要.原创 2021-04-24 11:25:24 · 3371 阅读 · 7 评论