Vue实现获取后端接口API代码片段(已封装Service方法名)
更新时间：2022年07月27日 09:28:33 作者：你挚爱的强哥
Vue实现获取后端接口API代码片段(已封装Service方法名)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
Vue获取后端接口API代码片段
this.showLoading(); //显示加载动画
let data = {
/*传参*/
id: this.id
};
API.方法名(data)
.then((d) => {
if (d.code === 0) {
/*这里写代码*/
} else {
console.log("失败", d.msg);
}
this.hideLoading();//关闭加载动画
})
.catch((d) => {
/*报错*/
console.log(d);
this.hideLoading();//关闭加载动画
});常用的Vue代码片段 (复制即用)
前三步
第四步（复制进去）
注意："prefix":"自定义", 可以自定义这个就是使用代码片段的名字
{
"Print to console": {
"prefix": "vue", //使用代码片段的关键字
"body": [
"<template>",
" <div>\n",
" </div>",
"</template>",
"<script>",
"export default {",
" data () {",
" return {\n",
" }",
" }",
"}",
"</script>",
"<style scoped>\n",
"</style>\n",
],
"description": "Log output to console"
}
}使用代码片段
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
Vite处理html模板插件之vite-plugin-html插件使用
这篇文章主要给大家介绍了关于Vite处理html模板插件之vite-plugin-html插件使用的相关资料,Vite是一个现代化的前端构建工具,而vite-plugin-html是Vite的一个插件,用于在构建时自动生成HTML文件,需要的朋友可以参考下2023-10-10
vue3(optionApi)使用Element Plus库没有效果的解决方式
这篇文章主要介绍了vue3(optionApi)使用Element Plus库没有效果的解决方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
这篇文章主要介绍了vue通过 API 监听数组的变化,在 Vue 中，你可以通过监听数组的变化来更新界面，Vue 提供了一些特殊的语法以及 API 来实现对数组的监听，本文通过实例代码介绍的非常详细，需要的朋友可以参考下2023-05-05
这篇文章主要介绍了如何在vue中使用video.js 播放m3u8格式的视频，帮助大家更好的理解和学习使用vue，感兴趣的朋友可以了解下2021-02-02
这篇文章主要介绍了Vue实现兄弟组件间的联动效果，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2020-01-01
这篇文章主要介绍了antd vue表格可编辑单元格以及求和实现方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-04-04
同时Vue也支持让开发者,自己注册一些指令,这些指令被称为自定义指令,每个指令都有自己各自独立的功能,这篇文章主要介绍了Vue自定义指令简介和基本使用,需要的朋友可以参考2024-03-03
这篇文章主要介绍了vue 父组件给子组件传值，子组件给父组件传值,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-04-04
一步一步学Vue，这篇文章为大家分享了第一篇前端主流框架vue学习笔记，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
最近在学习一些底层方面的知识,所以想做个系列尝试去聊聊这些比较复杂又很重要的知识点,下面这篇文章主要给大家介绍了关于Vue异步更新机制及$nextTick原理的相关资料,需要的朋友可以参考下2022-04-04
最新评论