前端開發 Vue封裝乙個公用的的Submit方法

2021-09-26 06:20:42 字數 728 閱讀 9144

最近新學vue,後台開發中經常用到提交,索性把提交功能給做成全域性方法,下面為封裝的**。

//封裝預設提交方法 vue.prototype.mysubmit = function (options) ; //要提交的資料 var callback = options.callback; var successmsg = options.successmsg || "恭喜你,提交成功!"; var confirmmsg = options.confirmmsg; //確定文字,如果有會先彈出是否確定按鈕 varformname = options.formname; this.$refs["formname"].validate(function (valid) ).then(() => ).catch(() => ); } else  } else  }); function submit(vue) ); var ajaxoptions = ); loading.close(); if (typeof callback == "function")  }, fail: function (data)  } ajax(ajaxoptions); } }
使用方法如下:

html部分:

提交
js部分

var vue= new vue(, }, methods: ); }, }, });

乙個公用的topbar

在做專案的時候,經常會用到左邊是返回鍵 右邊是更多 中間是文字描述的topbar,那麼就有必要寫乙個公用的了。back鍵的文字大小 文字顏色和背景 more鍵的文字大小 文字顏色和背景 中間文字描述的文字 顏色和大小。在values檔案裡建立attrs.xml,分別定義 name topbar na...

vue 封裝乙個外掛程式

1 建立乙個vue元件button button.vue 2 vue.js 的外掛程式有乙個公開方法install方法,第乙個引數是vue構造器,第二個引數是乙個可選的選項物件,我們可以通過這個方法來定義外掛程式button index.js import buttoncom from button...

vue如何封裝乙個元件

1.新增子元件 在工程src components目錄下新建乙個資料夾用於存放元件。我封裝了乙個樹元件,資料夾名稱為va tree,裡面有乙個va tree.vue檔案,寫了樹元件的具體內容,包括元件樣式 元件處理邏輯 元件模板等等 子元件中定義的props是父元件需要傳給子元件的資料,在子元件中p...