1. 首页
  2. 编程语言
  3. Javascript
  4. vue data有值,但是页面{{}} 取不到值的解决

vue data有值,但是页面{{}} 取不到值的解决

上传者: 2022-02-14 08:41:25上传 PDF文件 64.36 KB 热度 6次

我的问题出在js引入的顺序不对,导致不能正常显示vue中的值正确的顺序应该是:这个很简单,父组件中使用v-bind绑定传送,子组件使用props接收即可 。这种情况我是使用watch处理监听 Data 的值,当它由空转变时就会触发,这时候就能取到了,拿到值后要做的处理方法也需要在 watch 里面执行。出现这种情况的原因, 因为父组件中要传递的 props 属性 是通过 发生ajax请求回来的, 请求的这个过程是需要时间的,但是子组件的渲染要快于ajax请求过程,所以此时 created 、 mounted 这样的只会执行一次的生命周期钩子,已经执行了,但是 props 还没有流进来(子组件),所以只能拿到默认值。

用户评论