快捷導(dǎo)航

Vue實(shí)現(xiàn)獲取后端接口API代碼片段(已封裝Service方法名)

更新時(shí)間：2022年07月27日 09:28:33 作者：你摯愛(ài)的強(qiáng)哥

Vue實(shí)現(xiàn)獲取后端接口API代碼片段(已封裝Service方法名)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

Vue獲取后端接口API代碼片段

this.showLoading(); //顯示加載動(dòng)畫(huà)
let data = { 
  /*傳參*/
  id: this.id 
 };
API.方法名(data)
  .then((d) => {
    if (d.code === 0) {
      /*這里寫(xiě)代碼*/
    } else {
      console.log("失敗", d.msg);
    } 
    this.hideLoading();//關(guān)閉加載動(dòng)畫(huà)
  })
  .catch((d) => {
     /*報(bào)錯(cuò)*/ 
    console.log(d);
    this.hideLoading();//關(guān)閉加載動(dòng)畫(huà)
  });

常用的Vue代碼片段 (復(fù)制即用)

前三步

第四步（復(fù)制進(jìn)去）

注意："prefix":"自定義", 可以自定義這個(gè)就是使用代碼片段的名字

{
	"Print to console": {
		"prefix": "vue",   //使用代碼片段的關(guān)鍵字
		"body": [
			"<template>",
			"   <div>\n",
			"   </div>",
			"</template>",
			"<script>",
			"export default {",
			"  data () {",
			"    return {\n",
			"    }",
			"  }",
			"}",
			"</script>",
			"<style scoped>\n",
 
			"</style>\n",
		],
		"description": "Log output to console"
	}
}

使用代碼片段

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

vue導(dǎo)入新工程?“node_modules依賴(lài)”問(wèn)題
這篇文章主要介紹了vue導(dǎo)入新工程?“node_modules依賴(lài)”問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-09-09
vue.js?自定義指令（拖拽、拖動(dòng)、移動(dòng)）?指令?v-drag詳解
這篇文章主要介紹了vue.js?自定義指令（拖拽、拖動(dòng)、移動(dòng)）?指令?v-drag,本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2023-01-01
elementUI彈窗里的表單重置不生效問(wèn)題解決
本文主要介紹了elementUI彈窗里的表單重置不生效問(wèn)題解決，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2023-04-04
關(guān)于vue中媒體查詢(xún)不起效的原因總結(jié)
這篇文章主要介紹了關(guān)于vue中媒體查詢(xún)不起效的原因總結(jié)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-09-09
Vue實(shí)現(xiàn)數(shù)字動(dòng)畫(huà)的幾種方案
本文介紹了三種使用Vue實(shí)現(xiàn)動(dòng)態(tài)數(shù)字動(dòng)畫(huà)的方案：使用Vue的響應(yīng)式數(shù)據(jù)與`setInterval`逐步更新數(shù)字,通過(guò)Vue的動(dòng)畫(huà)API和CSS動(dòng)畫(huà)效果為數(shù)字增加過(guò)渡效果,以及使用更高效的`requestAnimationFrame`來(lái)提供更加流暢的動(dòng)畫(huà)表現(xiàn),每種方案都詳細(xì)說(shuō)明了原理、實(shí)現(xiàn)步驟和代碼示例
2025-02-02
Vue項(xiàng)目報(bào)錯(cuò):Uncaught?SyntaxError:?Unexpected?token?'＜&a
最近在做vue項(xiàng)目時(shí),需要引入一個(gè)第三方的js文件,在index.html中通過(guò)以下方式引入JS文件編譯后就報(bào)了這個(gè)問(wèn)題,這篇文章主要給大家介紹了關(guān)于Vue項(xiàng)目報(bào)錯(cuò):Uncaught?SyntaxError:?Unexpected?token?'＜'的解決方法,需要的朋友可以參考下
2022-08-08
Vue2如何支持composition API示例詳解
這篇文章主要為大家介紹了Vue2如何支持composition API示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-01-01
vite.config.js或者vue.config.js配置方式
這篇文章主要介紹了vite.config.js或者vue.config.js配置方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2023-10-10
element?el-tree折疊收縮的實(shí)現(xiàn)示例
本文主要介紹了element?el-tree折疊收縮的實(shí)現(xiàn)示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2022-08-08
Vue解決ajax跨域的問(wèn)題
這篇文章主要介紹了Vue解決ajax跨域的問(wèn)題，跨域請(qǐng)求：是指協(xié)議名、主機(jī)名、端口號(hào)三者有任何一個(gè)不一樣，而且跨域請(qǐng)求是請(qǐng)求發(fā)出去了，服務(wù)器接收并返回了結(jié)果，只是瀏覽器沒(méi)有接收響應(yīng)結(jié)果。感興趣的同學(xué)可以參考閱讀
2023-04-04