摘要：
一、概述 二、代码实现test.vue{{item}}exportdefault{name:"test",data(){return{tableData:[{id:'2016-05-02',name:'阿里云',},{id:'2016-05-04',name:'腾讯控股、字节跳动',},{id:'2016-05-01',name:'美团、金蝶国际、台积电',}]}},methods:{//切割公司列表companyCut{letcompany=name.split("、")returncompany},}}效果如下：
现有一个基于element-ui开发的后台页面，效果如下：
需要将公司名进行切割，每一行，显示一个公司。
二、代码实现test.vue
<template> <el-table :data="tableData"border style=" 362px"> <el-table-column prop="id"label="id"width="180"> </el-table-column> <el-table-column prop="name"label="公司名"width="180"> <template slot-scope="scope"> <div v-for="item in companyCut(scope.row.name)">{{item}}<br> </div> </template> </el-table-column> </el-table> </template> <script>export default{ name: "test", data() { return{ tableData: [{ id: '2016-05-02', name: '阿里云', }, { id: '2016-05-04', name: '腾讯控股、字节跳动', }, { id: '2016-05-01', name: '美团、金蝶国际、台积电', }] } }, methods: { //切割公司列表 companyCut(name){ let company=name.split("、") returncompany }, } } </script> <style scoped> </style>
效果如下：
