样式覆盖
在使用vue+iview的框架时,想要修改它的默认样式,用了id、!important 都不管用,就找了找解决办法贴出来
1.找到iview的自带class
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210204095832888.png#pic_center)
2.新增一个style标签,把找到的class写进去,这里面的样式就会覆盖默认样式
![不加scoped](https://img-blog.csdnimg.cn/2021020410014295.png#pic_center)
这样就可以覆盖它的默认样式了
Radio的禁用
// 最开始的写法,用vuex里面的值
<Radio :label="'0'" :disabled="this.$store.state.isEdit">
// 这种方式可以通过改变vuex决定是否启用radio,但是只改变了状态,radio看着可以用,但选择不了
//解决方法
//选择利用computed
<Radio :label="'0'" :disabled="editState">
computed: {
// radio组件的disabled要借助computed才能在恢复使用时选择其他
editState () {
if (this.$store.state.isEdit) {
return false
} else {
return true
}
}
}