vue项目实战（个人博客）六------对一条数据中的某一条数据进行逗号分割且只渲染前三条

后台返回的数据

字符串分割

再渲染时由于label中有多条数据使用‘，’号隔开的所以要进行字符串分割
使用js的split(",")方法

var str = 'The quick brown fox jumps over the lazy dog.';

var words = str.split(' ');

实现方法

最有效的方法是在数据请求到之后就把数据处理好
先用split(' ，');把label分割好再用slice(0, 3);取出前三个
再渲染时用两个v-for嵌套就行了

 // get获取所有文章列表
    getallarticlelist() {
      this.$axios({
        method: "post",
        url: "/json/article/pageQuery"
      }).then(
        res => {
          //分割字符串
          let arr = Object.entries(res.data.data);
          for (var i = 0; i <= arr.length - 1; i++) {
            res.data.data[i].label = res.data.data[i].label.split(",");
            res.data.data[i].label = res.data.data[i].label.slice(0, 3);
          }
          this.articlelist = res.data.data;
          this.pagenum = res.data.total;
          this.thispage = 1;
          this.getpagelist();
        },
        err => {
          console.log(err);
        }
      );
    },