1. 程式人生 > 其它 >VUE雜記(不定時更新)

VUE雜記(不定時更新)

1、防止表單提交按鈕多次提交

v-bind:disabled="(變數名)"

2、實時監聽輸入框

v-on:input="(方法名)"

3、選中列表中整條資料點選事件

@tap="(方法名)"

4、非同步請求變為同步請求(多個非同步同時變為同步請求時間差不多)

async getNum(){
await getUsed().then(response => {
this.useLocation = response;
this.showData();
});
}
需要加上
async 和 await,非同步即可變為同步啦

5、去除字串中單引號

例如:id = " '123' "

params.id = params.id.replace(/\'/g, "");
執行過後結果 a = "123"

6、上傳圖片

handleChooseImg() {
          //防止sucess回撥不識別this let _this
= this; uni.chooseImage({ count: 1, success(e) { this.imgUrl = e.tempFilePaths[0];
this.file = e.tempFiles[0]; uni.uploadFile({ url:'http://wl.dev.hanyun.com/api/blade-resource/oss/endpoint/put-file', // 後端api介面 filePath: this.imgUrl, // uni.chooseImage函式呼叫後獲取的本地檔案路徑 name:'file', //
後端通過'file'獲取上傳的檔案物件 file:e.tempFiles[0], header:{"Mes-Auth":'bearer ' + uni.getStorageSync('accessToken')}, success:(res) => { if (res.statusCode == 200) { var data = JSON.parse(res.data) _this.avatar = data.data.link; _this.submit(); } } }); } }); }