AndroidiOSH5,阿里小程序可運(yùn)行跨平臺(tái)技術(shù)條件判定

是指某一個(gè)元素，或者說(shuō)某一塊元素，是否要渲染。

我們可以來(lái)看一個(gè)例子，看看uni-app當(dāng)中條件判定跟其他平臺(tái)的條件判定是否一樣。

uni-app當(dāng)中要做條件判定用到一個(gè)指令v-if，這個(gè)指令用于條件形式來(lái)渲染一塊內(nèi)容，這塊內(nèi)容會(huì)再指令表達(dá)式返回true的時(shí)候才顯示出來(lái)。

下面的代碼使用了v-if指令來(lái)顯示一個(gè)hellouni-app數(shù)據(jù)，只有當(dāng)v-if返回true才顯示這個(gè)數(shù)據(jù)。

這樣數(shù)據(jù)就顯示出來(lái)了，大家可以看看下面圖片，這樣我們的這個(gè)元素就顯示出來(lái)了。

接下來(lái)我們把true修改成false,看看效果，

當(dāng)我們修改成false過(guò)后就不顯示了，所以我們得到的結(jié)論就是。

當(dāng)v-if返回值為true的時(shí)候，元素才渲染出來(lái)，當(dāng)為false的時(shí)候就不渲染數(shù)據(jù)。

接下來(lái)我們可以把v-if里面的值用個(gè)變量來(lái)表示，比如叫：show變量，

然后在script標(biāo)簽里面的return里面添加一個(gè)變量叫show,然后在運(yùn)行程序，看到的結(jié)果還是跟之前一樣的，這就說(shuō)明我們已經(jīng)成功動(dòng)態(tài)的設(shè)置了v-if里面的值了。

接下來(lái)們可以看看，之前我們使用的都是true,false變量值，接下來(lái)我們可以設(shè)置成別的值，比如字符串可以嗎，代碼如下:

結(jié)果是沒(méi)有顯示的，因?yàn)榧夹g(shù)剛剛好，是不等于技術(shù)剛剛這個(gè)字符串的。

結(jié)論：v-if假如表達(dá)式返回值為真，那么我們就會(huì)正常的渲染內(nèi)容。

增加一個(gè)按鈕，接下來(lái)當(dāng)我們點(diǎn)擊這個(gè)按鈕的時(shí)候就動(dòng)態(tài)的修改shou這個(gè)變量值。當(dāng)點(diǎn)擊按鈕的時(shí)候，我們就修改shou變量的值。

今天就講到這里吧，很簡(jiǎn)單的一個(gè)語(yǔ)法，條件判定而且這個(gè)語(yǔ)法也是我們?cè)陂_(kāi)發(fā)當(dāng)中用到比較多的一個(gè)方法，所以大家一定要學(xué)會(huì)喲。

大家也能看得出來(lái)，我的文章一開(kāi)始都很基礎(chǔ)，因?yàn)槲蚁霃念^給大家寫(xiě)一系列的教程，只要跟著我的教程走，等你學(xué)完也一定能夠開(kāi)發(fā)出一個(gè)Uni-app出來(lái)。