Vue中父级异步请求获取数据，向子级传参为空的解决

大牛哥哥

于 2022-01-14 10:11:28 发布

阅读量961

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/weixin_54586234/article/details/122488248

版权

本文介绍如何使用 Vue.js 中的 watch 属性来监听父组件传递给子组件的数据变化，并通过正则表达式验证数据格式，确保只有有效的数字类型数据才能被接受。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由于是解决为空，如何传值请自行百度

利用watch:{}来监听父级传值的变化，如果父级传的值发生了改变就调用回调函数function重新赋值

  watch: {
    countrydata: function(newVal) {
      //console.log(newVal, 'CCCCCCC')
      var reg = /(^[\-0-9][0-9]*(.[0-9]+)?)$/
      if (reg.test(newVal)) {
        this.selectValue = newVal //新的值赋值到data中
        return
      }
      this.selectValue = ''
    }
  },