Vue用＜br＞自定义换行，用v-html渲染，hover的时候title也需要使用自定义换行

本文主要是介绍Vue用＜br＞自定义换行，用v-html渲染，hover的时候title也需要使用自定义换行，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

哈喽 大家好啊,最近遇到一个需求：

用<br>自定义换行，hover的时候title也需要使用自定义换行

然后我便想到了用<br>自定义换行，然后用v-html渲染，则就正常显示了

但是title只能用文本，然后我百度到其他博主写的用\n可以实现title换行，然后我就用替换字符进行替换，以下是效果图和代码：

（一）实现效果

（二）实现代码：

<div class="wrapClass"  v-html="content" :title="replaceStr(content)"><div>{data() {return {content:"hhhh<br>oooo<br>ddsssss<br>ssss"}},computed:{},created() {},methods: {replaceStr(str) {return str.replace(/<br>/g,"\n"); }}
}

（三）参考原文：

vue -- title属性换行_vue设置title换行-CSDN博客

正则替换字符串replace()方法超详细用法-CSDN博客

这篇关于Vue用＜br＞自定义换行，用v-html渲染，hover的时候title也需要使用自定义换行的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---