碼迷,www.tparu.icu
吉利平特名人堂 > 微信 > 詳細

解码大师平特一肖图:微信小程序綁定數據

時間:2019-05-22 12:40:17      閱讀:54      評論:0      收藏:0      [點我收藏+]

吉利平特名人堂 www.tparu.icu 標簽:點擊   http   ESS   div   一個   img   type   data   like   

 視圖文件里使用{{}}可以綁定數據,:

<image src="{{like?‘images/like_on.png‘:‘images/like.png‘}}"></image>
 
再到組件js里定義data數據即可實現數據的綁定
data: {
like:true
},

使用組件的時候要遵循封裝性,開放性等原則

使用變量保存這兩張圖片的路徑:

data: {
like:true,
yesSrc: ‘images/like_on.png‘,
noSrc: ‘images/like.png‘
},
相應的視圖層
<image src="{{like?yesSrc:noSrc}}"></image>
 
在組件js properties下定義的變量可以被稱之為:屬性
 
在其三個設置中,type是必填的,value是初始值(選填)
技術圖片

最后在組件的點擊事件中

技術圖片

定義方法實現點擊切換,使用setData來更新數據

 技術圖片

至此一個組件內部基本的數據綁定DEMO就完成了

 

 

微信小程序綁定數據

標簽:點擊   http   ESS   div   一個   img   type   data   like   

原文地址:https://www.cnblogs.com/rmty/p/10905225.html

(0)
(0)
   
舉報
評論 一句話評論(0
0條  
登錄后才能評論!
? 2014 吉利平特名人堂 版權所有 京ICP備13008772號-2
迷上了代碼!
双色球赔输 玩时时彩怎么稳赚方法 时时彩宝典手机下载 下载天天棋牌 全年最精准36码特围 炸金花透视300一天 买飞艇计划软件 好的彩票计划软件下载 幸运飞艇计划软件苹果免费版 黑马全人工计划账号 竞彩团队全天实时计划 澳洲幸运8分钟开奖 分分彩官方软件下载 万人炸金花那里能下载 微信捕鱼0.01-20元炮 手机单机麻将免费下载