字符串格式
admin,employee,keeper,user

前端代码

<el-table-column
      prop="role_name"
      label="角色"
      width="180">
      <template slot-scope="scope">
        <div v-for="item in companyCut(scope.row.role_name)" :key='item'>
          {{item}}<br>
        </div>
      </template>
      </el-table-column>

scope.row.role_name即为上文字符串,这段代码为表格中的一行,
v-for中调用了一个分割字符串的方法

companyCut(name){
        let company=(name || "").split(',')
        return company
      },

注意这里直接使用name.split可能会报错

Logo

前往低代码交流专区

更多推荐