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

#变量和字符串的拼接#

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

看图吧:

vue—data中变量和字符串拼接  这是用户最初的需求~

vue—data中变量和字符串拼接 这是用户后来的需求,嗯……就是多了个文件的总数量~

最初代码:

data() {
return{
banner[
{id: ,name: "全部文件"},
{id: ,name: "招生简介"},
{id: ,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();//最后,调用一下上面那个赋值的方法
}

  

上一篇:python精进之路1---基础数据类型


下一篇:为什么接口要规定成员变量必须是public static final的呢?(转)