Vue
Element-UI表格错位问题解决方案
场景:el-table新加列后表头错位 | 添加固定列后,固定列行错位 解决方案: 原理:使用el-table的doLayout方法 this.$nextTick(()=>{ this.$refs.t...
vue 自定义组件使用v-model
v-model是 Vue2 中唯一支持双向绑定的指令,用于表单控件绑定,但不代表它只能用在表单控件之上。在文档 使用自定义事件的表单输入组件 一节中提到了,v-mode...
深入理解vue 修饰符sync【 vue sync修饰符示例】
在说vue 修饰符sync前,我们先看下官方文档:vue .sync 修饰符,里面说vue .sync 修饰符以前存在于vue1.0版本里,但是在在 2.0 中移除了 .sync 。但是在 2.0 ...
vue $forceUpdate() 强制重新渲染
v-for里面数据层次太多, 修改过数据变了,页面没有重新渲染,需手动强制刷新。 解决方法:运用 this.$forceUpdate()强制刷新 官网解说如下https://cn.vuej...
Vuex持久化存储之vuex-persist
问题背景: Vuex 解决了多视图之间的数据共享问题。但是运用过程中又带来了一个新的问题是,Vuex 的状态存储并不能持久化。也就是说当你存储在 Vuex 中的 st...
Vue这样写开发效率杠杠的
hookEvent,原来可以这样监听组件生命周期 1. 内部监听生命周期函数 今天产品经理又给我甩过来一个需求,需要开发一个图表,拿到需求,瞄了一眼,然后我就去ec...
Vue中组件通信
props ⽗给⼦传值 // child props: { msg: String } // parent <HelloWorld msg='Welcome to Your Vue.js App'/> ⾃定义事件 ⼦给⽗传值 // child this...
Vue element-ui table组件只展开一行(手风琴效果)
直接上代码: <template> <div class='app-content'> <div class='table_expand_item'> <b>element-ui table只展开...
vue中,父组件主动获取子组件中的数据和方法及子组件主动获取父组件中的数据和方法
1.父组件主动获取子组件中的数据和方法 在父组件里面通过: this.$refs.childMethod[0].属性 this.$refs.childMethod[0].方法 在父组件中:(调用子...
element ui 中el-input搜索输入框或者普通输入框无法输入的问题
最近发现项目中需要输入内容的时候,input框有时候会无法输入进去,百度查到了如下的解决方法如下。 发现elementUI中@input事件可以拿到当前输入的值...