uniapp打包小程序,使用$refs报错解决办法

news/2024/7/20 3:50:17 标签: uni-app, 小程序

uniapp打包字节抖音小程序使用$refs报错解决办法

小程序开过程中,使用uniapp时,作为开发者,我们习惯以vue的语法进行开发,希望通过使用$refs进行元素的操作,但是开发小程序时这种方法却失效了。
原因微信小程序本身就不支持操作 DOM
解决:要想获取 DOM 元素,需要使用 API:uni.createSelectorQuery();

//代码示例如下:
//select()内是选择器,$children是子元素
uni.createSelectorQuery().in(this).select("#id")._component.$children

总结:Uniapp中可以使用 $refs ,但是需要注意在APP和小程序平台中,不能引用 view 内置组件,循环创建的自定义组件也不能使用 ref ;


http://www.niftyadmin.cn/n/5450503.html

相关文章

基于BEV的自动驾驶会颠覆现有的自动驾驶架构吗

基于BEV的自动驾驶会颠覆现有的自动驾驶架构吗 引言 很多人都有这样的疑问–基于BEV(Birds Eye View)的自动驾驶方案是什么?这个问题,目前学术界还没有统一的定义,但从我的开发经验上,尝试做一个解释:以鸟瞰视角为基础…

eclipse导入svn项目

1、配置maven 2、用svn引入项目 3一直点击next,到最后选完成。

服务器离线配置vscode连接,conda虚拟环境

记录一下服务器离线配置问题,以备不时之需。 服务器离线配置 vscode连接参考:vscode-server离线安装-CSDN博客 服务器离线配置conda虚拟环境:Conda 环境离线迁移(服务器断网情况下搭建虚拟环境envs) - 知乎 上次两个…

微软Copilot 将如何改变你的办公方式?

ChatGPT的出现带动了Copilot等AI办公工具迅速出圈,Copilot基于大语言模型(LLM),相当于智能化的office办公助手。 你只需说几句话,做出指示,Copilot就可以自动创建类似人类撰写的文本和其他内容。 Copilot…

Pytorch实现LetNet5细节及卷积原理

LetNet-5 参考链接:https://paddlepedia.readthedocs.io/en/latest/tutorials/CNN/convolution_operator/Convolution.html Model import torch from torch import nnclass LetNet5(nn.Module):def __init__(self):super(LetNet5, self).__init__()# padding2是为…

Day46:WEB攻防-注入工具SQLMAPTamper编写指纹修改高权限操作目录架构

目录 数据猜解-库表列数据&字典 权限操作-文件&命令&交互式 提交方法-POST&HEAD&JSON 绕过模块-Tamper脚本-使用&开发 分析拓展-代理&调试&指纹&风险&等级 知识点: 1、注入工具-SQLMAP-常规猜解&字典配置 2、注入…

Spring Boot | SpringBoo“开发入门“

目录 : 1.SpringBoot的“介绍”SpringBoot”概述” :SpringBoot”简介“SpringBoot的“优点” 2. SpringBoot入门程序环境准备使用 “Maven”方式构建SpringBoot 项目使用“Spring Initializr”方式构建Spring Boot 项目 3. “单元测试” 和“热部署”单元测试热部署…

CNN速通(草稿纸总结版)

本文章是看张老师推荐的深度学习速通视频CNN部分时,在草稿纸上记录的之前没有接触过的新鲜玩意儿,仅作为摘要灵感,可能实际提供不了太大知识价值,谨慎食用。 感谢张老师推荐,指路b站速通视频,讲得蛮好&…