Vue中使用row-class-name修改el-table某一行背景色无效
Vue+Element UI项目,需要对列表某些行加深背景色,Element官方提供了row-class-name属性,官方示例如下根据官方的写法,并没有实现效果,查阅资料后发现,row-class-name属性要想生效必须使用全局class,而我的页面中使用了scoped。解决方...
·
Vue+Element UI项目,需要对列表某些行加深背景色,Element官方提供了row-class-name属性,官方示例如下
根据官方的写法,并没有实现效果,查阅资料后发现,row-class-name属性要想生效必须使用全局class,而我的页面中使用了scoped。
解决方法是引入全局css文件。我一开始新建了一个css文件并在具体vue页面的<style>中用@import的方式引入,但是还是没有生效。最后成功的方式是,在main.js中import那个全局css文件,具体页面中匹配到样式就会生效了。
更多推荐
已为社区贡献11条内容
所有评论(0)