vue3中,input值在进入页面后从http请求中获得,但是视图没有刷新?

目标是 a,从请求中拿到后设置a,但画面时一直是a的default值

setUp(props){

const state = reactive({

a:props.a_get || makeDefaultA()

})

const makeDeafaultA = ()={

state.a = 'default'

}

const getData() = async () => {

axios...

.then(

state.a = res.data.a

)}

}

mounted(() => {getData()})

  1. 一进入画面就发送axios请求,这个getData()应该放在什么生命周期
  2. a绑定的值是否放在state中
  3. a的值在getData中已经变成了返回值,但是似乎是被 makeDefault()覆盖了,为什么


回答:

1.vue3 数据初始化可以直接写。vue3淡化了生命周期的概念
2.你的makeDefault写的没看懂?你想给默认值就直接

const state = reactive({

a:props.a_get || '6666'

})

以上是 vue3中,input值在进入页面后从http请求中获得,但是视图没有刷新? 的全部内容, 来源链接: utcz.com/p/933389.html

回到顶部