vue中v if條件渲染

1.判斷後台返回的值是檢測中止 或出具報告的時候 讓更改狀態按鈕消失

已發樣等待收樣 支付完成等待發樣 出現取消專案

html部分

v-for

="(yong,index) in yonghu"
:key
="index"
>
>
class
="person_box"
>
class
="person_one"
>
>
}span
>
div>
class="person_two1_box"
style="padding-right:34px;"
v-if="(yong.state=='取消訂單') ? xiaoq='ture':xiangq='false' "
>
v-show
="yong.state != '檢測中止' && yong.state != '出具報告'
" class
="person_two1_box_txt shou"
style
="color
:#4086ff
" @click
="chux(index)"
>
更改狀態div
>
class
="person_two1_box_txt shou"
style
="color
:#f19804
" @click
="chux2(index)"
>
專案詳情div
>
v-show
="yong.state == '已發樣等待收樣' || yong.state =='支付完成等待發樣'
" class
="person_two1_box_txt shou"
style
="color
:#ff4040
" @click
="chux1(index)"
>
取消專案div
>
div>

data()

}

條件渲染 v if

v if 是否渲染當前元素 v else v else if v show 與 v if 類似，只是元素始終會被渲染並保留在 dom 中,只是簡單切換元素的 css 屬性 display 來顯示或隱藏 doctype html en utf 8 viewport content width devi...

Vue條件渲染（v if和v show的區別）

在專案中我們總是用到根據某一值判斷屬性是否顯示，或不同的值讓其顯示不同，顧名思義總是用v if來實現，v show也可用來判斷是否顯示，兩者有什麼區別呢？相同點 兩者都可用作為條件判斷元素是否顯示。不同點 1 v if後可跟v else if和v else用來進行不同條件下的顯示元件的不同可能性，v...

Vue條件渲染指令 v if 和 v show

條件渲染，即根據一定的條件來判斷是否渲染當前頁面。v if isshow v if,isshow為true時p div newvue script 結果如下 改變isshow的值之後，就會發生變化。用於表達v if的else部分。v if isshow v if,isshow為true時 1p 2p...