需求是不同狀態(tài)顯示按鈕內(nèi)容不一樣,style也不同,這個時候v-if就派上用場了

老規(guī)矩,代碼在右邊,效果圖在左邊噢!

@click.stop實在太好用了,在狀態(tài)為1已過期的時候,點(diǎn)擊這個時候再次購買的按鈕直接要去到商品詳情里面,沒有使用stop直接會閃一次在二維碼的頁面,使用@click.stop以后,就直接很流暢的跳轉(zhuǎn)到了商品詳情進(jìn)行再次購買

話不多說,直接上代碼(一看就秒懂噢,再次感謝身邊同學(xué)和盆友的陪伴):