最近新學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...