ant desgin vue 一个单元格中，怎么分行显示多个内容；

Question

我的代码：
{

        title: '收货人地址',
        align: "center",
        key:'city',
        dataIndex: '',
        customRender:function (t,r,index) {
          return  t.city+t.area +' /\r '+ t.address+t.doorNumber;
        }
      },

我想展示的是

省市，一行
详细地址一行

在这个基础上怎么做修改？还是在这个基础上修改不了？
改成这样也是不行!

Answer 1

{
    title: '收货人地址',
    align: "center",
    key:'city',
    dataIndex: '',
    customRender:function (t,r,index) {
      return  t.city+t.area +'<br/>'+ t.address+t.doorNumber;
    }
},

Answer 2

插槽啊

    <template slot-scope="text, record">
        <span>
          <a href="javascript:;">Action 一 {{record.firstName}}</a>
          <a-divider type="vertical" />
          <p href="javascript:;">Delete</p>
        </span>
      </template>
      
      
      
     

我随便从官网找的，你在里面每行用p标签就好了呀

Answer 3

{

title: '收货人地址',
align: "center",
key:'city',
dataIndex: '',
customRender: (t,r,index) => (
 <div>{{t.city}}{{t.area}}</div>
 <div>{{t.address}}{{t.doorNumber}}</div>
)

},