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
    }
    } )
    }
    }
  • 相关阅读:
    CKeditor3.6.2 配置与精简
    CKEditor与CKFinder整合并实现文件上传功能
    实体关联关系映射:
    status pending状态
    wx:for
    小程序
    获取指定控件的值
    报表
    dataGridView 设置
    SQLite 的使用
  • 原文地址:https://www.cnblogs.com/a10086/p/11349444.html
Copyright © 2011-2022 走看看