VUE希望item.date中的内容可以换行，但是使用<br />无效，请问怎么解决？

Question

<div>
 <div class='time-line'>
 <div v-for='item in timelineList' class='time-line-div'>
 <div>{{item.date}}</div>
 <div ref='circular'></div>
 <div>{{item.content}}</div>
 </div> <div class='img-dotted' ref='dotted'></div>
 </div></div>

timelineList: [
  {
    id: '12',
 date: '版本号<br />版本测试结果备份',
 title: '我的世界里',
 content: '人生的寂寞'
 },
 {
    id: '11',
 date: '2020-01-09',
 title: '我的世界里',
 content: '人生的寂寞'
 },
 {
    id: '10',
 date: '2020-01-09',
 title: '我的世界里',
 content: '人生的寂寞'
 }
]

Answer 1

试过

<div v-html="item.date"></div>

没

Answer 2

用v-html

Answer 3

把数据绑在v-html里

Answer 4

<div v-html="item.date"></div>