VUE雜記(不定時更新)
阿新 • • 發佈:2021-12-14
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(); } } }); } }); }