vue页面自动刷新的问题
2020-01-12 14:08
211 查看
1、 activated
(VUE页面自动刷新的问题)
在项目中遇到需要添加完数据之后跳转到展示页不自动刷新的问题,最开始想到的是
created()或者
mounted();没能实现;因为全局vue.js不强制刷新或者重启时只创建一次,也就是说,
created()或者
mounted()只会触发一次。
activated():在vue对象存活的情况下,进入当前存在activated()函数的页面时,一进入页面就触发;可用于初始化页面数据等。
2、watch
watch:在vue实例化时将会遍历所有属性,然后监听其变化。<body> <div id="app"> <input v-model="name"/> <span>{{name}}</span> </div> </body> <script> app = new Vue({ el:"#app", data:{ name:'1' }, watch:{ name:function(){ console.log("changed"); this.show(); } }, methods:{ show(){ console.log("show function") } } }) </script>
3、computed 计算属性
computes: 其中的属性不用在data中定义,示例如下:<div id="app"> <input v-model="name" /> <span>{{names}}</span> </div> <script> app = new Vue({ el:"#app", data:{ name:'' }, computed:{ names:function(){ return this.name + "world"; } } }) </script>
转载于:https://www.cnblogs.com/newbest/p/11210244.html
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- html页面自动刷新问题
- vue this.$forceUpdate() 处理页面刷新问题(v-for循环值刷新等)
- ajax请求成功后执行回调方法后页面会自动刷新问题
- js生效后页面自动刷新的问题(js控制button,生效效果闪一下消失)解决
- VUE-Router 同一页面第二次进入不刷新 问题以及几个解决方案。
- (转载)ajax请求成功后执行回调方法后页面会自动刷新问题
- Nginx部署Vue项目以及解决刷新页面404问题
- 解决Button自动刷新页面的问题
- vue页面刷新或者后退参数丢失的问题
- vue传参页面刷新数据丢失问题
- react,vue等部署单页面项目时,访问刷新出现404问题
- vue路由传参页面刷新参数丢失问题解决方案
- HTML Button自动刷新页面的问题
- Vuejs刷新页面子组件数据丢失问题的一点笔记
- vue路由history模式刷新页面出现404问题
- 解决Yii自带的验证码不随页面刷新自动刷新的问题
- 关于Vue项目路由栏去除“#”的处理方法及其刷新页面时出现404问题
- vue路由history模式刷新页面出现404问题
- 解决vue+element 键盘回车事件导致页面刷新的问题
- 解决vue this.$forceUpdate() 处理页面刷新问题(v-for循环值刷新等)