全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[seo公司上海]微信小程序实现动态改变view标签宽度和高度的方法

  本文主要介绍微信小程序实现动态改变view标签宽度和高度的方法★▽★,涉及微信小程序事件响应及使用setData针对data数据动态操作相关实现技巧,希望能帮助到大家。

  1★…、临海市小程序开发哪家好效果展示

  2☆○△、10 2020.10 [成都seo优化公司排名]如何解决php iconv报错问题 php iconv报错的解决办法:1、PHP7通过【iconv(GB2312,UTF-8,$text``);】方法把gb2312置换成utf-8;2、使用【iconv(UTF-8,GB2312//IGNORE】方法来解决。 推荐:《PHP视频教程》 php中iconv报错问题 在php中ic,关键代码

  index.wxml文件

  

<view class="view"★◁; style="width:{{view▼◆.Width}}px▷•●•;height:{{view●△▽.Height}}px▼▪•▼;"
>我是view标签,我现在的宽度是{{view.Width}}px,高度是{{view.Height}}px<◇▲;/view>
<△△●;input placeholder="…▼;输入view标签的宽度" bindinput="viewWidth"△▲▽◇;></input>
<input placeholder="输入view标签的高度" bindinput="viewHeight"></input>

 

  此处设置的style="width:{{view.Width}}px☆◁◇■;height:{{view.Height}}px;"可通过事件响应动态改变数值▪◇○,安国市小程序制作公司进而改变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)

 

  以上内容就是微信小程序实现动态改变view标签宽度和高度的方法□★,定州市小程序制作公司[seo公司上海]希望能帮助到大家。

  相关推荐:

  微信小程序中关于movable-view移动图片与双指缩放的实例详解

  jQuery使用uploadView如何实现图片预览上传功能的实例

  浅谈View组件实例详解

  以上就是微信小程序实现动态改变view标签宽度和高度的方法的详细内容,更多请关注久澳传媒编程栏目其它相关文章•▼▼☆!

[seo公司上海]微信小程序实现动态改变view标签宽度和高度的方法

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。