vue怎么在methods动态移除样式

html-css014

vue怎么在methods动态移除样式,第1张

vue.js移除绑定的点击事件的方法： 可以用 v-on 指令监听 DOM 事件： Greet 绑定了一个单击事件处理器到一个方法 greet。下面在 Vue 实例中定义这个方法： var vm = new Vue({ el: '#example', data: { name: 'Vue.js' }, // 在 `methods` 对象

Vue可以通过设置 CSS 样式的width属性来去掉组件自带的width，例如在组件中添加样式：<style>.element { width: 0} </style>即可去掉组件自带的宽度。

解决方法：

1.去掉<style>标签的scoped 属性，即使用全局样式

2.使用深度作用选择器/deep/，使用方式：将/deep/ + space空格 添加在第三方样式类的前面。如果是使用less语法的话，直接在第三方样式的最外一层添加一遍/deep/就可以了

注意事项：如果/deep/添加多了，google浏览器下会报警告，需要打开控制台的Elements，ctrl + f查找/deep/，搜索到了的话，需要在对应的css位置删除掉

/deep/ .classnamefromother {

/*css样式代码...*/

}