封装请求的数据刷新怎么获取

Question

封装请求的数据刷新怎么获取，虽然在vue文件显示的数据类型是any,也是可以使用ref的属性。所以第一次渲染的时候可以，当我点击刷按钮的时候，就不知道怎么获取了result里面的值了

Answer 1

张轩 2021-04-12 20:05:15

我们导出了 sendRequest 这个函数，你就可以在任何想调用的地方直接调用了啊～ 比如在刷新按钮的地方,也就是 refresh 这个 function 中

// 使用的 vue 文件中
const { sendRequest } = useURLoader(url)
// 点击按钮的时候调用这个函数
const refresh = () => { 
    sendRequest() 
}

Answer 2

张轩 2021-04-12 08:48:21

同学你好 我建议你这样设置，你在 useURLLoader 里面再暴露出来一个函数称之为 sendRequest，将 axios 的逻辑封装在里面。

//useURLLoader
const sendRequest = () => {
    axios.get ....
}
// 第一次运行调用一次
sendRequest()
最后将它返回出去
return {
  sendRequest
}

const { sendRequest } = useURLoader(url)
想刷新的时候，再次调用 sendRequest 就好了

• 提问者 qq_稻草人_81 #1

  老师，不太明白，我主要是想在点击【刷新】按钮，能够让页面展示新的值

• 张轩 回复 提问者 qq_稻草人_81 #2

  我们导出了  sendRequest 这个函数，你就可以在任何想调用的地方直接调用了啊～ 比如在刷新按钮的地方,也就是 refresh 这个 function 中
  
   const { sendRequest } = useURLoader(url)
  
  const refresh = () => {
    sendRequest()
  }

Answer 3

提问者 qq_稻草人_81 2021-04-11 11:08:39

采用JSON.parse(JSON.stringify(result)的方式，result确实null

Answer 4

提问者 qq_稻草人_81 2021-04-11 10:57:47

数据类型是这样的