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

微信小程序 获取标签里面的数据 例如:view、text,第1张

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

<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)

    },

1、首先可以长按复制,适合自由选择。只需在text标签加一个selectable='true'即可。

2、全部复制,首先要获取到需要的内容。wx.setClipboardData({data: '百度你最棒',success: function (res) {wx.getClipboardData({success: function (res) {console.log(res.data) // data}。

3、然后用复制函数来复制刚才的内容,wx.getClipboardData({success: function (res) {console.log(res.data)} })。

4、还可以在wxml代码框里写下如下代码:<view>内容:{{contents}} </view><view  bindtap='copyText' data-text="{{contents}}">复制</view>。

5、在 js代码框里写下如下代码。

6、然后编译通过后,在需要复制文字的页面长按复制字体,就看到复制成功字体了。

1、文本超过n行显示省略号

2、省略时,显示 展开/收起 按钮

3、文本不超过n行时,不显示省略号和展开/收起按钮

文本是否显示省略号,通过css可以实现;

判断是否显示展开/收起按钮;

通过SelectorQuery选择器,获取text及其父元素的高度,判断text高度是否超过其父元素高度,决定是否显示展开/收起按钮即可;

wx.createSelectorQuery() :返回一个 SelectorQuery 对象实例。

SelectorQuery.exec(function callback) :执行所有的请求。请求结果按请求次序构成数组,在callback的第一个参数中返回。

NodesRef.boundingClientRect(function callback) :添加节点的布局位置的查询请求。相对于显示区域,以像素为单位。

js

wxss


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11121108.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-13
下一篇 2023-05-13

发表评论

登录后才能评论

评论列表(0条)

保存