微信小程序，点击view获取view对应的内容

最新推荐文章于 2023-09-27 16:56:04 发布
原创 最新推荐文章于 2023-09-27 16:56:04 发布 · 2.1w 阅读 · 12 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一个小程序中如何通过View元素的bindtap属性绑定点击事件，并在对应的JS文件中实现事件处理函数来获取被点击元素的数据。

比如，在test.wxml文件中：

<view data-text="{{item.text}}" class="static_cell" bindtap="bindtapFunc">{{item.text}}</view>

点击这个view之后就会执行bindtap方法，这时在test.js文件中的bindtap方法中，

bindtapFunc: function (e) {

console.log(e.currentTarget.dataset.text)

}

就可以输出点击view的值。其中text可以换别的名称，只要wxml与js中的名字对应即可

使用小程序实现识别图像文字并提取
商务合作 / 项目定制 / 学习交流。个人vx：lovely_wml
10-13 5047
此文主要实现通过小程序将图片中的文字进行识别并提取，在生活中经常会碰到需要从某个网站或者图片上获得一些文案或资料的场景，如果来回切换靠人工码字可能有点儿累，可以开发一个小工具提高下自己的效率。
微信小程序 — 怎么获得view中的文本、id等等
热门推荐
Sclifftop - 保安大队长
02-03 4万+
微信小程序-怎么获得view中的文本、id等等？ 取id很简单，取text两种情形，分开来说，先说第一个： 一、通过自定义data-text获取与定义一样的文本 view id=&amp;amp;quot;outer&amp;amp;quot; catchtap='pressView'&amp;amp;gt; view class=&amp;amp;quot;top&amp;amp;quot;&amp;amp;gt;
微信小程序 获取标签里面的数据 例如：view、text
王光
05-29 4万+
在一些场景中，我们需要获取到标签里面的值来和接口返回的值做对比，一致则进行下一步，后者进行错误判断 &lt;view wx:for='{{languageList}}' class='hua' data-name='{{item.name}}' data-id='{{item.id}}' bindtap='select'&gt; &lt;text class='yuzhong'...
微信小程序——获取view里的内容
qq_43201350的博客
09-10 2512
wxml文件 <view bindtap="selectDistrict" data-text="{{content}}" data-id="{{id}}">{{content}}</view> .js文件 data: { content:'我是内容', id: 1 } selectDistrict: function (e) { console.log(e.currentTarget.dataset.id) // 1 console.log(e.c
微信小程序点击view获取view对应的内容
zyf13671493506的博客
06-27 5874
微信小程序，点击view获取view对应的内容:https://blog.youkuaiyun.com/yuyuking/article/details/78717165
微信小程序点击列表跳转到对应详情页过程解析
10-16
综上所述，微信小程序中点击列表跳转到对应详情页的实现主要涉及到以下知识点： 1. 使用wx:for和bindtap实现列表项的遍历和点击事件绑定。 2. 通过自定义属性data-index在列表项上存储当前项的索引。 3. 在点击事件...
微信小程序 点击切换样式scroll-view实现代码实例
10-16
在微信小程序中，`scroll-view`组件是一种常用于实现页面滚动功能的组件，它可以水平或垂直滚动内容。本文将详细讲解如何通过点击事件切换`scroll-view`中的样式，并提供一个具体的代码实例。 首先，我们需要了解`...
微信小程序动态添加view组件的实例代码
10-16
本文将通过实例代码介绍如何在微信小程序中动态添加view组件。 首先，我们需要了解微信小程序的几个关键概念。在小程序中，所有页面的组成元素都是组件，view组件是小程序中最为基础的视图容器，类似于Web开发中的...
微信小程序使用echarts获取数据并生成折线图
10-16
以上就是微信小程序使用ECharts获取数据并生成折线图的详细过程，这个过程涵盖了组件配置、数据绑定以及ECharts图表的基本配置。通过这个方法，开发者可以轻松地在微信小程序中实现复杂的数据可视化效果。
精选资源
微信小程序练习demo：点击变色
03-17
本实践项目“微信小程序练习demo：点击变色”旨在帮助初学者掌握微信小程序的基本开发技巧，特别是关于用户交互和动态更新界面的技能。 在微信小程序中，当用户进行点击操作时，我们通常会通过监听事件来实现相应的...
微信小程序取页面某一个view里面值的方法
qq_36566924的博客
08-21 6420
1.在view里面写明 <view class="menu-commen" data-lockerid='{{items.text}}' bindtap='toNext'> 其中lockerid即为包裹的值得名称。 2.在js里面写明 toNext: function(e) { var value = e.currentTarget.dataset.lockerid...
微信小程序例子——如何使用view组件显示文字
FutrueJet的博客
10-18 7360
适合微信小程序初学者与开发者学习的教程。
在微信小程序中获取某个view的信息位置
一只会喊666的咸鱼的博客
09-11 4177
<view> <text class="title" id="nav">导航一</text> </view> 例如：获取这个view的信息位置 wx.createSelectorQuery().select('#nav').boundingClientRect(function(res){ console.log(res) }).exec() 我们得到返回结果：如图 PS：selector类似于 CSS 的选择器，但仅支持下.
Qt TreeView 获取点击事件及内容
QtCompany的博客
04-27 3417
在这个例子中，我们创建了一个自定义的QTreeView类，并重写了它的构造函数。我们还将它的选择模式设置为单选模式。然后，我们连接clicked信号到on_clicked函数，以便在用户单击TreeView的项目时调用该函数。最后，在on_clicked函数中，我们使用QModelIndex的data()方法来获取所选项的文本，并打印出它的索引和文本。当用户单击Tree View中的项时，将触发clicked信号并发送包含所单击项的模型索引的参数。
uni-app：循环数据点击事件获取每行指定数据（获取参数）
weixin_46001736的博客
09-27 1852
uni-app：循环数据点击事件获取每行指定数据（获取参数）
微信小程序获取节点实例的简单使用
一个前端小白的博客
03-27 1958
获取页面的实例 wx.createSelectorQuery() 返回一个SelectorQuery实例 SelectorQuery : 1.select() 返回一个NodesRef 实例 2.selectAll() 返回所有匹配选择器的NodesRef 实例 3.selectViewport() 选择显示区域。可用于获取显示区域的尺寸、滚动位置等信息。 4.exec() 执行所有的请求...
微信小程序--js获取view中的内容
wp4862的博客
08-11 8699
wxml:    &lt;view data-text="{{item.id}}" class='tr bg-o' wx:if="{{index % 2 ==0}}" bindtap="ckxx"&gt; js:     ckxx:function(e){         console.log(e.currentTarget.dataset.text); }
小程序学习（11）：在自定义组件中，获取view高度，获取canvas对象
随便写写
09-25 2106
小程序学习（11）：在自定义组件中，获取view高度，获取canvas对象 2019年9月25日 1.获取view高度 首先，在wxml中的代码都是一样的 <view id="redd" class="red" /> 这里的css是 .red{ width: 100%; height: 500rpx; background-color: red } 不同的是js方法里面...
微信小程序点击view，view样式改变
最新发布
10-11
在微信小程序中，如果你想让 `view` 元素在被点击时改变样式，通常我们会使用 `bindtap` 事件来监听用户的点击动作，然后在对应的处理函数中更改元素的样式。下面是一个简单的例子： HTML: ```html 已点击 未点击 `...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值