首页 > 其他分享 >uniapp日常踩坑汇总(持续更新)

uniapp日常踩坑汇总(持续更新)

时间:2023-12-14 11:12:45浏览次数:30  
标签:uniapp computed 触发 汇总 watch radio 日常 计算 组件

一、uni-app中u-radio-group和u-radio点击事件的区别

<u-radio-group v-model="hcData.hcqk" style="width: 100%;"
	 :disabled="disabled" @change="radioGroupChange">
		<u-radio v-for="(op, index) in options"
				@change="radioChange"
			 :key="index" :name="op.value" shape="circle">
				{{op.label}}
		</u-radio>
</u-radio-group>

1、u-radio-group中radioGroupChange:

    radioGroupChange(e){
   		console.log(e);//获取当前的选中情况,如未选中则是“”
   	},

2、u-radio中radioChange:

    radioChange(e){
   		console.log(e);//获取当前点击的按钮的值,点哪个显示哪个,不会有""的情况
   	},

二、@change="checkboxGroupChange(r,$event)

$event为子组件传递的值

三、props单向数据流,不要在子组件中修改,若在子组件中修改,会有警告,且watch不会触发,可用子组件变量接收,并通过$emit触发修改父组件的值

四、computed计算属性中使用到的依赖项会自动追踪,如果是个对象的值就追踪整个对象(相当于自动watch),依赖项变更,计算属性也会重新计算,如果没变更就会使用缓存结果,也可以控制其不使用缓存,每次都重新计算

(补充:如果代码中都没有用到该computed属性,那么它的计算不会被触发,可以搭配watch来触发)

五、父组件中mounted中调用异步请求,再把结果作为props传递给子组件,会有问题,要么用async/await控制同步(async返回一个promise对象),要么在子组件中发起请求

六、scroll-view滚动到指定位置

<scroll-view ref="scrollView" :scroll-into-view="focusId" class="dynamic-inspection_form" :scroll-with-animation="true" scroll-y>
	<view :id="id">
</scroll-view>

令focusId等于id即可滚动到该组件位置

七、框架中封装了uni.navigateTo(OBJECT),传递参数时如果不用JSON.stringify(Object)序列化,则都会变成字符型(例如null变成了"null",true变成了"true")

八、手机端无法像浏览器一样直接打开pdf,需要使用插件

九、调试发现真机上是先在外层调子组件的方法,再进行子组件的computed和watch,web则相反,故需要套一层$nextTick

标签:uniapp,computed,触发,汇总,watch,radio,日常,计算,组件
From: https://www.cnblogs.com/congshaoblog/p/17900761.html

相关文章

  • 解决uniapp无法ios运行的问题
    问题描述设备无法运行uniapp应用设备无法运行uniapp应用的问题表现在哪些方面?如何判断iOS设备无法运行uniapp应用?iOS设备无法运行uniapp应用的原因有哪些?有哪些可能的解决方法解决方法:检查代码错误:首先要检查代码是否存在拼写错误、语法错误或者逻辑错误,这些问题都可能导致应用......
  • uniapp开发——纯原生渲染nvue调用uni.makePhoneCall没反应的处理办法
    uni.makePhoneCall(OBJECT)|uni-app官网(dcloud.net.cn)正常情况下,manifest.json配置拨打电话的权限就可以了:配置权限后重新打包,真机运行应该就可以正常的拨打电话了。如果API没反应,那么可以试试下边这种不弹出询问框直接拨打电话的方法:callMobile(){letmobile......
  • 20231213matlab问题资料汇总
    https://bbs.csdn.net/topics/390064770https://www.ilovematlab.cn/forum.php?mod=viewthread&tid=455375&_dsign=7812fb23https://blog.csdn.net/fmber/article/details/85858771https://www.mathworks.com/help/dotnetbuilder/MWArrayAPI/html/T_MathWorks_MATL......
  • [刷题技巧] 链表刷题技巧汇总
    链表的算法题中很常见的技巧:添加虚拟头结点,即dummy结点。当需要创造一条新链表的时候,可以使用虚拟头节点简化边界情况的处理。例如:LeetCode21.合并两个有序链表,让两条有序链表合并成一条新的有序链表,需要创造一条新的链表。例如,LeetCode86.分隔链表,把一条链表分解成两条链......
  • 提升数据可视化:拖拽编辑自动汇总,树形数据表格展示新方式
    本文由葡萄城技术团队发布。转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。前言树形结构是一种非常常见的数据结构,它由一组以层次关系排列的节点组成。树的结构类似于自然界中的一棵树,树根对应顶层节点,而子节点则分支延伸出来。在树......
  • uniapp+node.js+mysql前后端微信小程序授权登录
    文章目录一、前端代码?1.微信授权登录的页面(没有样式,自己写)2.”我的“页面3.封装request.js的页面4.vuex的状态管理的页面5.添加了识别有放token的没有登录就自动跳转登录的功能的main.js页面二、后端代码1.数据库连接页面(sql.js)2.数据库页面封装查询用户与插入用户信息的页面以及......
  • uniapp插件市场上架插件,提示components不包含对应包名称的组件
    第一次在uniapp上架了一个小组件,所有的都按照文档填写上传了,但是提交的时候一直提示不行原来是在压缩组件源码的时候出问题,不要把components和static放在一个文件夹下面压缩文件夹,要直接把components和`static``组合压缩就行。这是错误的这是正确的......
  • java高级笔记汇总
    一、理论知识背诵汇总篇1、Java常用类System类Date类(日期类)DateFormat类(日期格式化类)SimpleDateFormat类Math类Random类BigInteger(大整数)类BigDecimal(大小数)类Timer定时器2、枚举(将类的对象固定下来)只能使用它的对象,而不能增加和修改枚举的属性3、单例模式一个类......
  • stm32 cubeide调试问题汇总
    stm32cubeide调试问题汇总1.STM32CubeIDE无法进行调试报以下错误Targetisnotresponding,retrying...Targetisnotresponding,retrying...Targetisnotresponding,retrying...Targetisnotresponding,retrying...Targetisnotresponding,retrying.........
  • 博客分类汇总
    汇总一下,自己写的博客分类,方便自己日常的学习与积累。AI聊聊基于AI模型MGeo实现行政区识别聊聊日志聚类算法及其在工作中的应用场景聊聊神经网络模型流程与卷积神经网络的实现聊聊神经网络模型预训练生成超参数实现聊聊神经网络模型传播计算逻辑聊聊神经网络模型示例......