vue杂项用法$set,$ref,Promise用法,动态加载componets子组件,$attrs

一 有时候给页面上一个对象的属性赋值的时候,虽然数据改变了,但是页面并没有展示刷新数据,可以如下处理


row.agreeRatio = 'sdfsd'---本句是无效的
---可以使用如下语句
        this.$set(row, 'agreeRatio', 'sdfsd')

二 $refs三种用法

1获取dom节点
此时会打印出div的信息

 <div style="width:100px;height:100px" ref="test"></div>
   mounted() {
   
    console.log(this.$refs.test)
  },

1-2 this.$refs[‘formReg’].validate(valid => {
flagInfo = flagInfo && valid
})

1-3 this.$refs.file.fileUploadList

2 用在componets 钩子中时,获取子节点中的值,会打印出子页面tn的值

<child:registId="registId" @reloadList="reloadList" :timeStamp="timeStamp"  ref="test"></child>
   mounted() {
   
    console.log(this.$refs.test.tn)
  },

child文件

data() {
   
    return {
   
      tn:'sd'
      }
      }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值