微信小程序-类似dom的操作

最新推荐文章于 2024-07-21 14:30:00 发布
最新推荐文章于 2024-07-21 14:30:00 发布
阅读量3w 收藏 1
点赞数
文章标签： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010783527/article/details/53765070
版权

微信小程序并没有原生的appendChild的方法，但是还是有些地方需要进行dom操作，我找到的方法是用模板的方式来做类似的dom操作

 

这里事先写好了几套模板，然后通过js更改tapIndex的状态


才通过setData重新渲染页面，就可以做类似的dom操作了，实现效果如下

但是这样不适用于插入很多的节点，而且貌似这么做并不是很好，但是没找到别的解决办法，希望有人可以指点一下，谢谢！


太多的无奈啊
关注
uni-app - 在纯 JS 文件中调用自定义弹框组件 / 封装全局 API 调用弹框组件（解决小程序、APP 无法使用 document.body.appendChild 插入组件节点）适配全端
王佳斌
08-05 1万+
uni-app - 在纯 JS 文件中调用自定义弹框组件 / 封装全局 API 调用弹框组件（解决小程序、APP 无法使用 document.body.appendChild 插入组件节点）适配全端，uni-app appendChild 怎么向小程序中插入节点，如何开发类似uni.showModal 全局组件 。h5端可以通过 document.body.appendChild 挂载，请问app跟微信小程序怎么弄，请问uniapp如何封装全局api调用弹窗组件？uniapp怎么设置所有页面共用的组件Uni
微信小程序-旅行日记源码
06-12
微信小程序是一种轻量级的应用开发平台，由腾讯公司推出，主要应用于移动端，为用户提供便捷的服务和丰富的交互体验。"旅行日记"是一个典型的微信小程序应用，它结合了旅行和日记的概念，让用户可以在旅途中轻松记录...
写小程序中的问题
weixin_47454615的博客
11-29 157
文章目录一、自定义组件1.局部2.全局二、组件通讯1.父传子2.读入数据三、加入购物车的传参-----sku信息四、动态添加样式切换 一、自定义组件 1.局部 在app.js同级别下新建components文件夹，然后右击新建components 在components下面的json文件里面 { "component": true, "usingComponents":{ "zqd":"路径" } } 2.全局 在app.json最下面加上 "usingComponents": { .
微信小程序实现类DOM操作
黎先生的博客
02-02 4435
需求 如图1.1所示，当用户点击 + 添加时，需要新增一个输入框。这有点类似于平时写网站时添加DOM节点操作。但是微信小程序并不支持DOM节点的操作，所以我们可以曲线救国用下面的方式实现类似的DOM节点添加操作。 Figure 1.1 project 代码演示 <view class="input-wrap"> <block wx:for="{{credentialList}...
微信小程序开发：DOM 相关 API 使用详解
最新发布
xingyu_qie的专栏
07-21 2578
在微信小程序开发中，与传统的网页开发相比，由于安全性和性能考虑，访问 DOM（文档对象模型）是受限的。然而，微信小程序提供了一些特定的 API，使开发者能够处理和操作视图层，实现丰富的用户交互体验。
appendChild加入子节点失效
qq_44473483的博客
11-03 657
appendChild加入子节点失效
整理一下小程序以及H5中常见的问题
DcynotFound的博客
11-17 456
整理一下小程序以及H5中常见的问题 1.ios/Android 移动端滚透的问题 解决方案 1.在小程序里面一般滚动组件使用的scroll-view 我们只需要在打开遮罩层的时候给最外层view添加一个nowarp标签关闭时移除就可以了！ .nowarp{ position:fixed; top:0; left:0; width:100%; height:100%; overflow:hidden; z-index:0 } 2.当弹窗内无滚动的时候 遮罩的view上添加一个防止冒泡的方法
vue中使用自定义指令(directive)解决h5在ios的微信浏览器问题以及长按进行dom操作
wangyinze123的博客
11-23 1281
问题1： h5在ios的微信浏览器中，唤起键盘后，设置定位的元素会被顶起，并且在键盘消失后不会回到原来的位置 第一步：创建vue自定义指令 import Vue from 'vue' const windowHeight = window.innerHeight // 弹起输入框，固定页面定位（ios问题） Vue.directive('fixedInput', function (el, binding) { el.addEventListener('blur', function () { .
微信小程序基础
你还有我
05-26 1644
基础 view就相当于div text相当于span 图片的用法 /就是根,从根查找 <image src="/images/home.png"></image> navigator 相当于a标签 ,注意,不要忘了前面还有一个/ <navigator url="/pages/video/video">视频播放</navigator> Page中deta中的数据可以在页面中直接使用 <view>{{name}}{{text}}</vi
微信小程序-米家商城小程序-
05-13
微信小程序的JS代码运行在独立的环境，不直接操作DOM，而是通过` setData `方法来改变数据，数据变化会驱动视图层的更新。 3. **API接口**：微信提供了丰富的API接口，如网络请求、本地存储、设备信息、位置服务、...
微信小程序-你画我猜demo源码
05-14
- 图片处理：可能包括图片压缩、裁剪等操作，以适应微信小程序的上传限制。 - 事件监听与交互：处理用户点击、滑动等事件，实现游戏的流程控制，如开始游戏、提交画作、猜测答案等。 - 数据缓存：使用`wx....
JS中appendChild追加子节点无效的解决方法
10-17
主要给大家介绍了关于JS中appendChild追加子节点无效的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习
微信小程序，新添加的元素保持在底部
03-29
免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。
微信小程序-渐变发光加载动画.zip
08-03
微信小程序中的`wx.createSelectorQuery()`方法可以获取DOM节点，然后通过`select`或`selectAll`选择需要应用动画的元素。再通过`css`方法设置动画样式，并调用`exec`执行所有查询，完成动画的启动。为了停止动画，...
微信小程序--剪刀石头布小游戏.zip
01-09
4. **数据绑定**：微信小程序中的数据绑定使用了MVVM（Model-View-ViewModel）模式，使得数据与视图可以实时同步，减少了手动操作DOM的复杂性。 5. **API调用**：小程序提供了丰富的API接口，包括用户授权、网络...
微信小程序 支付宝小程序 实现省市区县四级联动
q4717529的博客
08-12 1915
微信小程序 支付宝小程序 实现省市区县 四级联动 vue也同样的方式
【小程序】微信小程序自定义组件Component详细总结
11-16 1万+
在根目录新建components文件夹，建立cell 文件夹，右击创建cell的Component组件cell.jscell.wxmlcell.jsoncell.wxsscell.wxml 文件
微信小程序dom操作的替代思路
热门推荐
yytoo2的博客
07-06 4万+
微信小程序无法操作dom，这意味着之前js中的各种习惯方法必须换一种思路实现 在尝试了几类情况后，发现部分情况下可以用{{}}变量绑定来实现效果。 比如： 一、实现view的显示和影藏 在js中的data设置变量 bottomHidden1:"block"； 然后在wxml中的view中设置 ； 在其它我们需要的地方使用bindtap等绑定事件，js中定义该事件的function，使用
小程序 | 自定义组件 + 组件的创建和使用 + 自定义组件数据，方法和属性 + 数据监听器 + 纯数据字段 + 组件的生命周期 + 组件所在页面的生命周期+插槽+父子组件间通信+behaviors
不爱吃菜的菜菜的博客
10-05 491
组件的创建与引用 创建组件 引用组件 局部引用组件 全局引用组件 全局引用 VS 局部引用 组件和页面的区别 自定义组件的样式 组件样式隔离 组件样式隔离的注意点 修改组件的样式隔离选项 自定义组件中的数据、方法和属性 data 数据 methods 方法 properties 属性 data 和 properties 的区别 使用 setData 修改 properties 的值 数据监听器 数据监听器的基本用法 监听对象属性的变化 监听对象中所有属性的变化 案例 纯数据字段 什么是纯数据字段 使用规则
构建微信小程序：从入门到实践
“玩转微信小程序，了解微信小程序的用户使用方法和开发者入门知识，包括账号认证、开发者工具的使用、文件类型解析，以及基于“网易云音乐客户端”原型的小程序制作步骤。” 微信小程序，简称Wa，自2017年1月9日...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值