這篇文章將為大家詳細(xì)講解有關(guān)小程序怎樣實(shí)現(xiàn)動(dòng)態(tài)改變view標(biāo)簽寬度和高度，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

姜堰網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、響應(yīng)式網(wǎng)站設(shè)計(jì)等網(wǎng)站項(xiàng)目制作，到程序開(kāi)發(fā)，運(yùn)營(yíng)維護(hù)。成都創(chuàng)新互聯(lián)2013年開(kāi)創(chuàng)至今到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)。

1、效果展示

2、關(guān)鍵代碼

index.wxml文件

我是view標(biāo)簽，我現(xiàn)在的寬度是{{view.Width}}px,高度是{{view.Height}}px

此處設(shè)置的style="width:{{view.Width}}px;height:{{view.Height}}px;"可通過(guò)事件響應(yīng)動(dòng)態(tài)改變數(shù)值，進(jìn)而改變view組件的寬高樣式。

index.js文件

var pageData={}
pageData.data={
  view:{
    Width:100,
    Height:100
  }
}
pageData['viewWidth']=function(e){
console.log(e);
  this.setData({
    view:{
      Width:e.detail.value,
      Height:this.data.view.Height
    }
  })
}
pageData['viewHeight']=function(e){
  this.setData({
    view:{
      Width:this.data.view.Width, 
      Height:e.detail.value 
    }
  })
}
Page(pageData)

關(guān)于“小程序怎樣實(shí)現(xiàn)動(dòng)態(tài)改變view標(biāo)簽寬度和高度”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

網(wǎng)頁(yè)題目：小程序怎樣實(shí)現(xiàn)動(dòng)態(tài)改變view標(biāo)簽寬度和高度-創(chuàng)新互聯(lián)
文章來(lái)源：http://weahome.cn/article/desgdg.html