随笔分类 -  vue

vue及相关
element-ui的自定义表头
摘要：自定义表头 需求:之前在做一个项目的时候,原型图要求表头文字需要额外解释就会在文字后面标注 1,2作为上标 html中提供了<sup></sup>和<sub><sub>等来处理文字的上标和下标的问题,table的表头可以使用label标签,但是在label只支持字符串, 开始我的想法只是局限于如何处 阅读全文
posted @ 2020-08-29 14:02 文件传输助手01 阅读(521) 评论(0) 推荐(0)
iview table配合Tooltip使用的时候 气泡错位的问题
摘要：Tooltip 气泡错位 点击table的单元格,实现遮盖文字的预览功能,但是气泡会发生偏移,看了Tooltip的样式发现 气泡是绝对定位, 想到子绝父相,于是给表格的td添加相对定位的功能,结果能解决气泡的偏移问题. 但是,其他表格发生气泡偏移的时候同样采用子绝父相不起效果,而且table的tr标 阅读全文
posted @ 2020-08-23 20:37 文件传输助手01 阅读(1766) 评论(0) 推荐(0)
vue.observable()
摘要：参考 js文件(store.js) import Vue from "vue" export let store = Vue.observable({ count: 3, name: "栗子" }) export let mutations = { setCount(count) { store.c 阅读全文
posted @ 2020-08-04 10:49 文件传输助手01 阅读(175) 评论(0) 推荐(0)
响应式的数组方法
摘要：响应式的数组方法 阅读全文
posted @ 2020-08-03 18:59 文件传输助手01 阅读(110) 评论(0) 推荐(0)
vuex
摘要：理解 1.Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。 2.不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 commit/mutation。 acti 阅读全文
posted @ 2020-08-03 10:11 文件传输助手01 阅读(130) 评论(0) 推荐(0)
keep-alive
摘要：keep-alive 阅读全文
posted @ 2020-07-29 17:01 文件传输助手01 阅读(85) 评论(0) 推荐(0)
路由滚动行为scrollBehavior
摘要：scrollBehavior history 模式适用 to/from 路由对象 savedPosition 当通过浏览器的 前进/后退 触发 const router = new VueRouter({ routes: [...], scrollBehavior (to, from, savedP 阅读全文
posted @ 2020-07-29 15:33 文件传输助手01 阅读(539) 评论(0) 推荐(0)
vue等
摘要：vue.use()和vue.install() vue组件直接执行vue.use(xxx) 组件本身执行了vue.intsall 自定义组件函数等 先执行vue.install() 再执行vue.use() $nextTick 在`数据变化后`要执行的某个操作，而这个操作需要`使用随数据改变而改变的 阅读全文
posted @ 2020-07-24 16:49 文件传输助手01 阅读(99) 评论(0) 推荐(0)
防止刷新路由后参数消失
摘要：路由传递的方式 query(类似get传参,参数在地址栏) this.$router.push({name:"xxx",query:{type:"xxx"}}) params(类似post传参) this.$router.push({path:"xxx",params:{type:"xxx"}}) 阅读全文
posted @ 2020-07-24 15:21 文件传输助手01 阅读(240) 评论(0) 推荐(0)
$attrs和$listeners(组件传值)/自定义组件使用$listeners
摘要：$attrs和$listeners 爷孙组件传值 情景 A组件内部嵌套B组件,B组件内部嵌套C组件 A组件代码 <div class="grand"> {{count}}父组件 {{msg}}父组件 <child2 :count="count" :msg="msg" @handleCount="ha 阅读全文
posted @ 2020-07-23 11:46 文件传输助手01 阅读(262) 评论(0) 推荐(0)
自定义组件的v-model
摘要：v-model v-model的本质是 :value和@input="test=$event.target.value"的语法糖 修饰符 v-model.lazy 事件触发后将输入框的值与数据进行同步 添加lazy 转变为与change事件同步(焦点移除时触发) v-model.trim 去除字符串 阅读全文
posted @ 2020-07-23 10:04 文件传输助手01 阅读(187) 评论(0) 推荐(0)
插槽
摘要：插槽 插槽种类 1. 默认插槽 2. 具名插槽 3. 备用插槽 4. 作用域插槽 默认插槽 // 带插槽的组件 <div> <header>1111</header> <slot></slot> <footer>2222</footer> </div> // 使用插槽的组件 <template> < 阅读全文
posted @ 2020-07-16 15:54 文件传输助手01 阅读(45) 评论(0) 推荐(0)