#变量和字符串的拼接#

写项目中,遇到了这样的一个问题:怎样在一个div里面显示两个data中的数据?我的问题描述清楚了吗?。。。

看图吧:

  这是用户最初的需求~

 

 这是用户后来的需求,嗯……就是多了个文件的总数量~

 

最初代码:

data() {
    return{
        banner[
            {id: 0,name: "全部文件"},
            {id: 0,name: "招生简介"},
            {id: 0,name: "其他文件"}
        ]
    }
}        

 

后期代码:

data() {
    return{
        banner[
            {id: 0,name: ""},
            {id: 0,name: ""},
            {id: 0,name: ""}
        ],
     //这里我只是随意写了个数值,具体值,当然是从后台传过来的呀~ allFilesCount:1000, recrIntroCount:200, otherFilesCount:7000 } }, methods:{ //变量和字符串拼接的方法 adds:function() {
    //``这个符号需要注意,英文状态下,Esc下面那个键。
    this.banner[0].name = `全部文件(${this.allFilesCount})`;
    this.banner[1].name = `招生简介(${this.recrIntroCount})`;
    this.banner[2].name = `其他文件(${this.otherFilesCount})`;
  }
},
mounted() { 
  this.adds();//最后,调用一下上面那个赋值的方法
}

 

 

  

 

转载于:https://www.cnblogs.com/baby-zuji/p/9825208.html

Logo

前往低代码交流专区

更多推荐