vue的:title如何换行?

Question

<div :title="title"><div><script>export default {    data () {        return {            list: ['第一排','第二排','第三排'],            title: ''        }    },    created () {        this.foreach((item) => {            this.title = item + '<br>'        })    }}</script>如何让div的title像图片中一样能换行呢?效果没有换行!