iview 样式覆盖 Radio使用

样式覆盖

在使用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
                }
            }
        }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值