vue—data中变量和字符串拼接

#变量和字符串的拼接#

写项目中，遇到了这样的一个问题：怎样在一个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();//最后，调用一下上面那个赋值的方法 
}