vue 点击后输入框禁用
vue disabled的使用
·
<div class="input" inputdis>
<input type="text" name="fname" :disabled="inputDisabled">
<!-- <input type="text" name="lname" :disabled="!inputDisabled"> -->
<div class="van-tabbar--fixed bottom-btn" v-if="!inputDisabled">
<button round block class="submit flex-center" type="info" @click="onClicksubmit">提交审核</button>
</div>
<div class="van-tabbar--fixed bottom-btn" v-if="inputDisabled">
<button round block class="submit flex-center" type="info" @click="onClickResubmit">重新提交</button>
</div>
</div>
data() {
return {
inputDisabled:true
}
},
methods: {
onClicksubmit() {
this.inputDisabled = true
},
onClickResubmit() {
this.inputDisabled = false
}
}
效果图
更多推荐
已为社区贡献1条内容
所有评论(0)