随笔分类 -  前端

摘要:this.tableData.forEach((item) => { let recursionParent = function (it) { if ("children" in it){ it.children.forEach((item2) => { if (item2.title == ro 阅读全文
posted @ 2021-11-29 10:48 Hansenne 阅读(2356) 评论(0) 推荐(0)
摘要:需要通过vue的$forceUpdate()方法,刷新dom,在项目中使用了监听数据传入后刷新以及监听窗口发生变化时刷新。 监听窗口:即在mounted中写入 window.onresize = function(){ _this.$forceUpdate() } 数据监听即在watch数据后调用f 阅读全文
posted @ 2021-11-02 16:13 Hansenne 阅读(2290) 评论(0) 推荐(0)
摘要:我先是搜索子组件刷新方法,有利用 v-if (直接强制删除重新渲染子组件)、 key值(方式同v-if,但是其生命周期流程相对v-if多出重建周期,且无感知) 、 $forceUpdate等三种方法进行,但是前两种方法会导致传值失效,$forceUpdate只能在组件内进行刷新渲染。 后来改调用子组 阅读全文
posted @ 2021-11-01 10:13 Hansenne 阅读(209) 评论(0) 推荐(0)
摘要:利用vuex中state数据动态绑定style数据 调用mutations配合collapse进行div属性变换达到动态变换 没用actions倒是 组件里: <div class="center_box" :style="{'left':this.$store.state.left_center_ 阅读全文
posted @ 2021-06-25 18:08 Hansenne 阅读(113) 评论(0) 推荐(0)
摘要:前提:将div属性设置为postion:fixed 变动top进行浮动 思路是利用mounted钩住监听滚动条事件,利用window.scrollY获取滚动条Y值,绑定top数据与获取的Y值进行等比转换实现智能浮动。 1.首先在div上绑定:style="'top':top+'px'" 2.moun 阅读全文
posted @ 2021-06-24 21:05 Hansenne 阅读(2046) 评论(0) 推荐(0)