使用时所犯的错误
知识点1: 有关keep-alive的问题主要:在路由中配置的name和组件中的name一定要一样,不然的话,keep-alive,无法生效
知识点2: 有关弹性布局与overflow的冲突问题
原因:是因为将父元素设置了弹性布局之后,会将超出父级元素的子元素进行压缩,所以我们只要设置该子元素不可压缩即可 flex-shrink: 0;
知识点3: vue文本识别 “ \n ” 的换行问题
使用v-html实现
首先,将字符串里的\n
替换为<br>
,然后用v-html指令渲染字符串为innerHTML
。
部分代码如下:
// JS部分
this.text = res.data.replace(/\n/g, '<br>')
// HTML部分
<div v-html="text"></div>