vue
文章平均质量分 51
vaultc
这个作者很懒,什么都没留下…
展开
-
VUE scoped 和样式穿透
VUE scoped 和样式穿透1. scoped简介scoped的设计思想就是让当前组件的样式不会污染其他组件的样式,实现样式的模块化,在标签的属性中加入data-v-hash的方式来使css有对应模块的标识。作用域scoped的作用域,因为权重的问题,如果是在子组件使用了scoped,那么在父组件中是不能直接修改子组件的样式的,需要在父组件中使用vue的深度作用选择器(后文会介绍)。规则给HTML的DOM节点加一个不重复data属性(形如:data-v-19fca230)来表示他的唯一性原创 2021-07-12 15:51:50 · 170 阅读 · 0 评论 -
Vue-$nextTick
$nextTick官方文档vm.$nextTick( callback ) callback Function 延迟回调的执行直到下一次 DOM更新循环结束。当你改变一些数据之后调用它,当回调触发时 DOM 已经更新完毕。这和全局的 Vue.nextTick 效果相同,只是回调的this 上下文会自动指向调用此方法的实例。开发中遇到的问题当你改变vue中某一组件内数值时、该组件不会立即重新渲染,而是加入事件循环队列,待事件循环队列执行当前时间时开始渲染,而如果你想在DOM更新后做一些操作,就原创 2021-03-31 13:27:38 · 74 阅读 · 0 评论