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

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


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() {
   
    

你可能感兴趣的:(vue,vue赋值)