动态给数据添加一个属性,需要实时展示到页面

第一种方法

selectedTags(val) {
      this.tags = val.map((item) => {
        return Object.assign(item, { type: "info" });
      });
      console.log(this.tags, "val");
      // console.log(val);
    },

这个时候是type是有info的

点击标签后

 // 选中标签,通过type值判断选中状态
    select(tag) {
      console.log(tag, '点击标签时');
      if (!tag.type) {
        tag.type = "info";
      } else {
        tag.type = "";
      }
      // console.log(tag);
    },

type直接变成空值,页面渲染不及时,需要触发视图更新
所以用第二种方法this.$set

// 这里动态给标签tags添加type数据
    selectedTags(val) {
      this.tags = val
      this.tags.forEach((item) => {
        this.$set(item, 'type', 'info');
      });
      console.log(this.tags, "val");
    },