vue中的css有全局CSS和组件作用域的CSS，当我们引入element ui时，发现组件作用域的CSS进行修改element样式出现不生效的问题，例如table组件中row-class-name属性修改样式，下面说一下解决此问题的几种方式：1、修改为全局样式//去掉scoped<style>.el-table .warning-row {background: oldlace;}.

场景一： tab切换，每个切换下面是一个表格，一个页面多个表格场景二： 页面点击按钮（多个按钮），打开Dialog 对话框，每个按钮对应一个表格展示，一个页面多个表格问题：tab切换或者打开不同的对话框，表格中展示数据会出现错乱，互相影响出现此问题的原因：vue为了尽可能高效的渲染元素，会复用已有元素而非从头开始渲染，这么做会有一些好处，但有些情况并不适用，例如上述两个场景。<templat

场景一： tab切换，每个切换下面是一个表格，一个页面多个表格场景二： 页面点击按钮（多个按钮），打开Dialog 对话框，每个按钮对应一个表格展示，一个页面多个表格问题：tab切换或者打开不同的对话框，表格中展示数据会出现错乱，互相影响出现此问题的原因：vue为了尽可能高效的渲染元素，会复用已有元素而非从头开始渲染，这么做会有一些好处，但有些情况并不适用，例如上述两个场景。<templat

vue中的css有全局CSS和组件作用域的CSS，当我们引入element ui时，发现组件作用域的CSS进行修改element样式出现不生效的问题，例如table组件中row-class-name属性修改样式，下面说一下解决此问题的几种方式：1、修改为全局样式//去掉scoped<style>.el-table .warning-row {background: oldlace;}.

1、v-text渲染\n没效果解决方案方法一：使用v-html（不建议，因为小程序不支持v-html，如果不考虑小程序，可以使用）方法二：对css增加white-space:pre-wrap;<template><view class="page_bar"><view v-text="msg" style="white-space:pre-wrap;"><