場景：當ajax請求回來的資料時，div的btn為disabled的狀態，否則，然后自己增加
div時btn的disabled屬性為false
uj5u.com熱心網友回復：
說明：1、點擊“按鈕2”呼叫Ajax，當Ajax請求成功，置“按鈕1”為可用狀態。
2、在使用下面代碼之前，先安裝vue.js檔案：<script type="text/javascript" src="https://bbs.csdn.net/topics/vue.js"></script>
<body>
<div id="app">
<input type="button" value="https://bbs.csdn.net/topics/按鈕1" :disabled="btnStatus">
<input type="button" value="https://bbs.csdn.net/topics/按鈕2" @click="changeStatus">
</div>
<script type="text/javascript">
new Vue({
el: '#app',
data: {
btnStatus: true
},
methods: {
changeStatus() {
changeBtnStatus(this);
}
}
});
function changeBtnStatus(vueNode) {
$.ajax({
type: "GET",
url: '你的URL',
success: function(result) {
vueNode.btnStatus = false;
}
});
}
</script>
</body>
uj5u.com熱心網友回復：
有你這樣用的嗎new Vue({
el: '#app',
data: {
btnStatus: true
},
methods: {
changeStatus() {
$.ajax({
type: "GET",
url: '你的URL',
success: res=> {
this.btnStatus = false;
}
});
},
}
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/86979.html
標籤：其他
上一篇：前天上傳了個小demo上GitHub，報了個警告，不知道怎么弄
下一篇：求個選題，我是學前端的