首页 > Web开发 > 详细

VUE 数据绑定模块渲染 computed(实现通过路由id 查询数据json结构,对应的值来放在面包屑中)

时间:2019-08-14 00:43:08      阅读:107      评论:0      收藏:0      [点我收藏+]

异步请求的值放在vuex中,然后页面挂载该数据和渲染页面

computed 计算属性是基于它的依赖缓存的。计算属性在它的相关依赖发生改变时会重新取值,所以当ajax请求回来的数据发生变化时,计算属性的值会进行更新,相关的模板引用也会重新渲染。

//异步请求回来的值
this.$store.state.newslist
 
<div>{{ fullname }}</div> //随便绑定会重新生效
 
computed:{//包含this.$store.state.newslist,会重新执行函数 this.filter
fullname(){
console.log("xxxxxxx",this.filter(this.$store.state.newslist))
return null
},
//函数地方
methods:{
filter(datalist){
const datalist1 = []
datalist.some( (v) =>{//some一旦return true就会跳出循环,。。。。。。。。。。
if(v.aid == 499){
this.$store.state.serviceName = v.title
return true
}
} )
}
}

VUE 数据绑定模块渲染 computed(实现通过路由id 查询数据json结构,对应的值来放在面包屑中)

原文:https://www.cnblogs.com/a10086/p/11349444.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!