render函数的Button进行动态绑定(loading)

点击登记证明,登记证明button会进入loading状态,:data=data 中data每个对象中都有isLoading属性 只有loading绑定为数组中的index才能当前登记证明会,要不然点击会全部loadIng

                h('Button', {
                  props: {
                    type: 'success',
                    size: 'small',
                    loading: params.row.isLoading },
                  on: {
                    click: () => {
                        this.data[params.index].isLoading = true }
                  }  }, '登记证明') ]); } }

想要关掉Loading方法
此页面(子组件)设置data参数 btloading
当btloading的值改变时,通过$set方法修改isLoading的值

watch:{
        btloading(val){
          if(!val){
            this.data.forEach(r=>{
              this.$set(r,"isLoading",false)
            }) }  }}

父组件控制子组件btloading
通过监听弹窗的展示来改变子组件btloading的值

 watch:{
   show(val){
       if(val){       
        this.$refs.ygxsxx.btloading = false  }
       else{
          this.$refs.ygxsxx.btloading = true } }},
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值