//這是hmtl
<li style="width: 55%" v-if="item.name.length>15">
? ?<el-tooltip placement="top">
? ?//敲黑板了?。∽⒁膺@里，原生就用v-html解析
? ? ?<div slot="content" ?v-html="item.name"></div>?
? ? ?<span>{{ item.name.substring(0,15)+'...' ?}}</span>
? ?</el-tooltip>
?</li>
//這是方法
?? ?ProcessNewline(){
?? ??? ?//this.newNameList 是你后臺獲取過來的數(shù)組，進(jìn)行遍歷
? ? ? for(var i of this.newNameList){
? ? ? ?? ?//判斷每項(xiàng)的長度，這個(gè)15，你們可以自己設(shè)置，也可以動(dòng)態(tài)設(shè)置
? ? ? ? if(i.name.length > 15){
? ? ? ? ?? ?//通過match方法在字符串內(nèi)檢索指定的值,然后進(jìn)行匹配，里面的20，就是你想間隔的字符位數(shù)，至于這里為什么用br,那是因?yàn)関-html,只能解析br,解析不了 \n，
? ? ? ? ? i.name = i.name.match(/.{1,20}/g).join("<br />")
? ? ? ? } else {
? ? ? ? ? i.name = i.name
? ? ? ? }
? ? ? }
? ? },

creatNew(){
?const h = this.$createElement
? ? ? ? this.$confirm('提示', {
? ? ? ? ? title: '提示',
? ? ? ? ? message: h('div', [
? ? ? ? ? ? h('p', '新建會(huì)導(dǎo)致之前設(shè)置失效'),
? ? ? ? ? ? h('p', '是否繼續(xù)新建？')
? ? ? ? ? ]),
? ? ? ? ? confirmButtonText: '確定',
? ? ? ? ? cancelButtonText: '取消'
? ? ? ? }).then(() => {
? ? ? ? ....//調(diào)用新建方法
? ? ? ? }).catch(()=>({}))//不要忘記catch
? ? ? ? //最后可以.finally(()=>({}))
? ? ? ? }

h('i', { class: 'el-icon-question' })

h('el-tooltip',{props:{
?? ??? ??? ??? ??? ?content: (function() {
? ? ? ? ? ? ? ? ? ?? ?return '彈出信息'
? ? ? ? ? ? ? ? ? ?? ?})(),
? ? ? ? ? ? ? ? ?? ?placement: 'top'
? ? ? ? ? ? ? ? ?? ?}})

h('div', [
? ? ? ? ? ? h('p', '第一個(gè)p'),
? ? ? ? ? ? h('p', '第二個(gè)p')
? ? ? ? ? ])