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

    异步请求的值放在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
    }
    } )
    }
    }
  • 相关阅读:
    centos 用户管理
    rsync 实验
    文件共享和传输
    PAT 1109 Group Photo
    PAT 1108 Finding Average
    PAT 1107 Social Clusters
    PAT 1106 Lowest Price in Supply Chain
    PAT 1105 Spiral Matrix
    PAT 1104 Sum of Number Segments
    PAT 1103 Integer Factorization
  • 原文地址:https://www.cnblogs.com/a10086/p/11349444.html
Copyright © 2011-2022 走看看