tagNames是字符串怎么处理成数组？

如果 tagNames 是一个以逗号分隔的字符串，可以使用 JavaScript 中的 split() 方法将其转化为数组。例如：

const tagNamesStr = "tag1,tag2,tag3";
const tagNamesArr = tagNamesStr.split(",");
console.log(tagNamesArr); // ["tag1", "tag2", "tag3"]

在 Vue 模板中，可以使用 computed 属性来将字符串转换为数组。例如：

<template>
  <div>
    <span v-for="tag in tagNamesArr" :key="tag">{{ tag }}</span>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tagNamesStr: "tag1,tag2,tag3",
    };
  },
  computed: {
    tagNamesArr() {
      return this.tagNamesStr.split(",");
    },
  },
};
</script>

这样，就可以在模板中直接使用 tagNamesArr 数组来渲染标签了。

相关问题

怎么获取<el-table-column prop="tagNames" :label="t('checkEvaluate.tagNames')" show-overflow-tooltip>中 tagNames的值？

如果该 `<el-table-column>` 是在一个 Element UI 的 `<el-table>` 组件中使用的，你可以在 `<el-table>` 组件中监听 `row-click` 或 `cell-click` 事件，在事件处理函数中获取当前行数据对象，然后通过该对象的 `tagNames` 属性来获取其值，例如：

<template>
  <el-table :data="tableData" @row-click="handleRowClick">
    <el-table-column prop="tagNames" :label="t('checkEvaluate.tagNames')" show-overflow-tooltip>
      <template #default="scope">
        <el-row>
          <el-tag class="mb2 mt2 ml2 mr2" v-for="item in scope.row.tagNames">{{ item.name }}</el-tag>
        </el-row>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          id: 1,
          tagNames: [
            { name: "tag1" },
            { name: "tag2" },
            { name: "tag3" }
          ]
        },
        {
          id: 2,
          tagNames: [
            { name: "tag4" },
            { name: "tag5" }
          ]
        }
      ]
    };
  },
  methods: {
    handleRowClick(row) {
      const tagNames = row.tagNames;
      console.log(tagNames);
    }
  }
};
</script>

在 `handleRowClick` 方法中，`row` 参数即为当前行的数据对象，可以通过 `row.tagNames` 来获取其值。

<el-table-column prop="tagNames" :label="t('checkEvaluate.tagNames')" show-overflow-tooltip> <template #default="scope"> <el-row> <el-tag class="mb2 mt2 ml2 mr2" v-for="item in scope.row.tagNames">{{ item.name }}</el-tag> </el-row> </template> </el-table-column>

这段代码是使用 Element UI 的 el-table 和 el-tag 组件实现一个表格列，列名为 "checkEvaluate.tagNames"，列数据绑定为对象数组中每个对象的 tagNames 属性。在模板中使用 v-for 指令遍历 tagNames 数组，将每个元素的 name 属性渲染为一个 el-tag 组件。show-overflow-tooltip 属性用于在数据过长时显示省略号并提供 tooltip 展示全部内容。