小程序获取view（小程序获取用户手机号）

今天给各位分享小程序获取view的知识，其中也会对小程序获取用户手机号进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

微信号：cloud7591
如需了解更多，欢迎添加客服微信咨询。
复制微信号

本文目录一览：

• 1、微信小程序如何获取某个view高度然后赋值给另外一个view
• 2、微信小程序如何获取某元素下的view
• 3、H5小程序如何获取view
• 4、微信小程序 获取标签里面的数据 例如：view、text
• 5、小程序统计view里文字的行数
• 6、微信小程序-动态获取view高度

微信小程序如何获取某个view高度然后赋值给另外一个view

在小程序中没有DOM操作的方法，所以获取不到相应的DOM节点进行高度设置。

解决方案

1.css方案

view class="{{isFold ?'flod':'extend' }}" bindtap="flodFn"

我是一个很长的文字

/view

.flod{

//折叠样式

}

.extend{

//展开样式

}

flodFn:function(){

this.setData({

isFold: !this.isFold

});

}

2.动态渲染方案

view bindtap="flodFn"

view wx:if="{{isFold}}"

我是一个很长的文字

/view

view wx:else

我是一个很长的文字

/view

/view

flodFn:function(){

this.setData({

isFold: !this.isFold

});

}

微信小程序如何获取某元素下的view

wxml代码

view class="test" bindtap="switchButton"

button hidden="{{buttonHidden}}"切换显示/button

/view

wxss代码

switchButton: function () {

this.setData({

buttonHidden: true

})

}

类似这个逻辑，点击view隐藏，切换的话你自己完成吧

H5小程序如何获取view

其实使用起来特别简单，只需在页面中放入这样一个标签即可，其中src一定是要在小程序管理中心配置过的。特别注意一下，web-view会占满整个页面，不管这个页面有什么其它的东西，都不会展示出来。

微信小程序 获取标签里面的数据 例如：view、text

在一些场景中，我们需要获取到标签里面的值来和接口返回的值做对比，一致则进行下一步，后者进行错误判断

block wx:for='{{objectArray}}'  data-name='{{item.name}}' data-id='{{item.id}}' bindtap='select'

        text class='yuzhong'{{item.name}}/text

    /view

主要在于 data- 这个上面  上面的那个name 和 id 是我自己定义的，你们可以随意定义一些语义化的词，

获取也很简单：

select:function(e){

console.log(e.currentTarget.dataset.name);

    },

小程序统计view里文字的行数

需求：为了引导用户去支付我们的产品，新增需求：1、文本多于一行的时候，只显示一行。2、文本等于1行的时候，全部隐藏显示阴影。

实现思路：1、css里设置view的line-height，我这里设置了25px。

2、然后动态算出这个view在填充完数据后的高度，我这里填充完数据是200px。3、所以行数=view的高度/line-height，也就是200px/25px = 8行。

注意：这里的view一定要是填充完数据后的高度，也就是this.setData后的高度。

顺便提下，我这里给文字设置阴影的方法是：

微信小程序-动态获取view高度

因为对小程序父标签和子标签的布局还不是特别了解，不像ios，父标签固定，子标签通过mansory去布局距离父的底部多少即可。小程序的我能想到的就是动态算出每一个标签的高度，然后总高度减掉就是想得到的子标签的高度了。如果有哪位大神可以指导一二，感激不尽~~~

view id='viewID'

view id="scriptID"

        var query = wx.createSelectorQuery();

        //选择id

        query.select('#numID').boundingClientRect()

        query.select('#scriptID').boundingClientRect()

        query.exec(function (res) {

          //res就是 所有标签为mjltest的元素的信息 的数组

          console.log('所有：',res);

          //取高度

          that.setData({

            storyHeight:that.data.detailHeight -(res[0].height+res[1].height)

          })

        });

小程序获取view的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于小程序获取用户手机号、小程序获取view的信息别忘了在本站进行查找喔。