npm.io
0.2.8 • Published 4 years ago

v-requester

Licence
ISC
Version
0.2.8
Deps
1
Size
491 kB
Vulns
21
Weekly
0

Vue requester

Send http request and get data over Component with Vue.

Parameters

Name Required Default
url true -
options false
{ 
"spinner_color": "#fff",
"spinner_scale": ".1rem",
"error_message": "Something went wrong..."
}

Events

Name Default
success If the http request is successful, it's return axios data.
error If the http request is not successful,it's returns detailed error information.

Usage

<app-requester
  @success="success"
  @error="error"
  :url="posts.url"
  :options="posts.options">

    <template #default="data">
        <!--response request data-->
      {{ data }}
    </template>

</app-requester>

<script>
  import appRequester from "v-requester";
  export default {
    components: { appRequester },
    data: () => ({
        posts: {
            url: "https://jsonplaceholder.typicode.com/posts",
            options: {},
        },
    }),
    methods: {
        success(data) {
          console.log("success: ", data);
        },
        error(e) {
          console.log("error : ", e);
        },
    },
  };
</script>