前端
weixin_yzftiger
这个作者很懒,什么都没留下…
展开
-
Vue在监听到数据改变或者dom元素渲染完之后执行的回调函数
在使用vue开发时遇到了一个问题,修改玩vue的data数据之后,操作dom,却发现没有改变,操作的dom还是之前的dom,后来在测试延时操作dom发现可以实现操作更新之后的dom了。从网上查询资料发现是vue对象在更改完值之后然后去渲染dom元素,我执行的代码发生在了vue还没渲染完成的时候,因此会拿不到更新后的dom,解决办法为使用 $nextTick()方法,这是vue在值改变时进行dom渲染完成之后的回调函数。var myVue = new Vue({ el:'#app', data原创 2020-12-23 17:29:40 · 2749 阅读 · 1 评论 -
vue父子组件如何实现跨层级调用
参考: https://segmentfault.com/a/1190000018563193provide 、injectprovide / inject 是 Vue 在 2.2.0 版本后新增的 API。这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。也就是在父组件中提供一个值,并且在需要使用的子孙组件中注入改值,即:// Parent.vueexport default { // 提供可注入子组件属性.原创 2020-12-10 18:28:41 · 2345 阅读 · 1 评论 -
vue 中如何对局部组件强制刷新
vue 中如何对局部组件强制刷新1.使用this.$forceUpdate强制重新渲染2.使用v-if指令使用vue进行开发时,如果要刷新当前路由,则调用router.go(0)方法即可。但是某些情况下,我们可能要求仅仅刷新某个组件,而不是路由,那么我们应该怎么做呢?1.使用this.$forceUpdate强制重新渲染如果要在组件内部中进行强制刷新,则可以调用this.$forceUpdate()强制重新渲染组件,从而达到更新目的。<template><button @clic原创 2020-12-09 16:25:08 · 4054 阅读 · 0 评论