返回頂部
關閉軟件導航
位置:首頁 > 資訊 > 電商資訊>AndroidiOSH5,阿里小程序可運行跨平臺技術條件判定
AndroidiOSH5,阿里小程序可運行跨平臺技術條件判定

是指某一個元素,或者說某一塊元素,是否要渲染。

我們可以來看一個例子,看看uni-app當中條件判定跟其他平臺的條件判定是否一樣。

uni-app當中要做條件判定用到一個指令v-if,這個指令用于條件形式來渲染一塊內容,這塊內容會再指令表達式返回true的時候才顯示出來。

下面的代碼使用了v-if指令來顯示一個hellouni-app數據,只有當v-if返回true才顯示這個數據。

這樣數據就顯示出來了,大家可以看看下面圖片,這樣我們的這個元素就顯示出來了。

接下來我們把true修改成false,看看效果,

當我們修改成false過后就不顯示了,所以我們得到的結論就是。

當v-if返回值為true的時候,元素才渲染出來,當為false的時候就不渲染數據。

接下來我們可以把v-if里面的值用個變量來表示,比如叫:show變量,

然后在script標簽里面的return里面添加一個變量叫show,然后在運行程序,看到的結果還是跟之前一樣的,這就說明我們已經成功動態的設置了v-if里面的值了。

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

結果是沒有顯示的,因為技術剛剛好,是不等于技術剛剛這個字符串的。

結論:v-if假如表達式返回值為真,那么我們就會正常的渲染內容。

增加一個按鈕,接下來當我們點擊這個按鈕的時候就動態的修改shou這個變量值。當點擊按鈕的時候,我們就修改shou變量的值。

今天就講到這里吧,很簡單的一個語法,條件判定而且這個語法也是我們在開發當中用到比較多的一個方法,所以大家一定要學會喲。

AndroidiOSH5,阿里小程序可運行跨平臺技術條件判定1

大家也能看得出來,我的文章一開始都很基礎,因為我想從頭給大家寫一系列的教程,只要跟著我的教程走,等你學完也一定能夠開發出一個Uni-app出來。

如果您覺得 AndroidiOSH5,阿里小程序可運行跨平臺技術條件判定 這篇文章對您有用,請分享給您的好友,謝謝
文章地址:http://www.meyanliao.com/article/online/12188.html
解放雙手無盡可能,有問題添加天線貓微信
主站蜘蛛池模板: 亚洲精品无码av片| 亚洲AV无码久久精品蜜桃| 亚洲av无码一区二区三区四区| 最新无码专区视频在线| 亚洲成A人片在线观看无码3D| 亚洲av日韩av无码黑人| 亚洲一区AV无码少妇电影| 亚洲AV无码乱码精品国产| 人妻少妇偷人精品无码| 成人无码嫩草影院| 亚洲国产成人精品无码区在线网站 | 亚洲精品无码不卡在线播放| 国产成人无码免费视频97| 亚洲一区无码中文字幕乱码| 黄A无码片内射无码视频| 国产成人无码A区精油按摩| 亚洲AV中文无码乱人伦下载| r级无码视频在线观看| 国产精品无码免费播放| 亚洲国产成人精品无码区二本| 久久国产三级无码一区二区| 国模无码一区二区三区| 亚洲国产成人无码AV在线| 亚洲日韩国产精品无码av| 色窝窝无码一区二区三区成人网站| 一本大道无码日韩精品影视| 极品无码国模国产在线观看| 亚洲国产AV无码一区二区三区 | 中文字幕亚洲精品无码| 亚洲av无码av制服另类专区| 久久亚洲AV永久无码精品| 国产成人无码精品久久久免费| 无码人妻H动漫中文字幕| 国产AV无码专区亚洲AV麻豆丫| 无码八A片人妻少妇久久| 亚洲AV无码AV日韩AV网站| 亚洲Aⅴ在线无码播放毛片一线天| 亚洲成A∨人片在线观看无码| 精品视频无码一区二区三区| 亚洲一本到无码av中文字幕| 国产福利无码一区在线 |