iview 2.4.0里table里面的数据加<br/>无法换行

之前table里面的loading属性不起作用,然后升级了一下iview版本到2.4.0,然后loading起作用了。但是发现表格里面的数据没有分行了。
这是我想要的结果

clipboard.png

但是我自己手动加
无法实现换行,源码如下

<style>
</style>
<template>
  <div>
    <i-table :loading="loading" height="425" border stripe :columns="columns" :data="tabledata"></i-table>
  </div>
</template>
<script>
export default {
  data () {
    return {
      loading: false,
      columns: [
        {
          title: 'time',
          key: 'date',
          align: 'center'
        },
        {
          title: '数据',
          key: 'summary'
        }
      ],
      tabledata: [{date: new Date(), summary: '1、第一行<br />2、第二行<br />'}]
    }
  }
}
</script>

我运行的效果

clipboard.png

请问这种情况怎么解决呢

阅读 4.8k
评论 2017-09-30 提问
    5 个回答

    我在更新日志里面找到了,从2.3.0开始可以设置column的属性type:html,指定渲染模式为html,默认的是normal
    clipboard.png

    评论 赞赏