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

来源：3-13 模块化难度上升 - useURLLoader

qq_稻草人_81

2021-04-11

图片描述

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

写回答

4回答

张轩

2021-04-12

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

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

张轩

2021-04-12

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

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

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

张轩

qq_稻草人_81

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

2021-04-12

共2条回复