element-ui tooltip动态显示以及换行问题

<el-tooltip :disabled="true'" placement="top" effect="light">
        <div v-html="toBreak()" slot="content"></div>
              <el-date-picker
                    v-model="formItems2.startReservationDay"
                    type="dates"
                    format="yyyy-MM-dd"
                    value-format="yyyy-MM-dd"
                    placeholder="选择日期"
                    :picker-options="pickerOptions"
                ></el-date-picker>
</el-tooltip>

1.el-tooltip的disabled属性可以绑定变量控制是否显示
2.通过slot="content" 并在toBreak方法中格式化值为html

toBreak(){
      return this.tooltipContent.join("<br/>")
    }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容