给input框赋值成功后input框不能进行编辑

从route获取参数,给query对象赋值后,el-input不能不能进行编辑

原因在于在Vue实例创建时,obj.b并未声明,因此就没有被Vue转换为响应式的属性,自然就不会触发视图的更新,这时就需要使用Vue的全局api $set():

$set()方法相当于手动的去把obj.b处理成一个响应式的属性,此时视图也会跟着改变了:
created() { 
  this.crud.url = 'api/dataAwardcertificate'
  getRouteQueryCondition(this.$route,this.query)
  this.crud.refresh()
},
export function getRouteQueryCondition(route,query){
  //查询条件赋值
  if(route.params !=null &&JSON.stringify(route.params) != '{}'){ 
    const  data = route.params
    const type = typeof data
    if(type === 'object') {
      let aProps = Object.getOwnPropertyNames(data)
      aProps.forEach(item=>{
       //query[item] =  data[item] 改为
       Vue.set(query, item, data[item])
        //this.$set(query, item, data[item])
      })
    }
  }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值