O botão vue do front-end controla se o botão de alternância está desabilitado, se a cor e a exibição estão ocultas, usando v-if e v-else

Efeito

Imagem antes da entrada

Imagem após entrada

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: '',
	}
},

Resumir

Use v-if e v-else para controlar os botões de alternância