프런트 엔드 뷰 버튼은 v-if 및 v-else를 사용하여 토글 버튼 비활성화, 색상 및 디스플레이 숨김 여부를 제어합니다.

효과

입력 전 사진

입력 후 사진

HTML

(1)

<input type="number" placeholder="请输入分润数量" placeholder-class="shareprofit_placeholder_num" v-model="money">
<!-- 金钱 -->
{
   
   {money}}
<!-- 可提现余额 -->
{
   
   {balance}}
<button v-if="money*1<=balance*1" type="primary" @click="popup">提交申请</button>
<button v-else disabled @click="popup">未提交申请</button>

(2)

<view v-if="money*1<=balance*1" @click="shareprofitSubmit" class="consumption_btn">
	分润</view>
<view v-else class="consumption_btn_gray">无法分润</view>

JS

data() {
    
    
	return {
    
    
		balance：'',
		money: '',
	}
},

요약하다

v-if 및 v-else를 사용하여 토글 버튼 제어