uview tabs Cannot read property ‘rect‘ of undefined

最新推荐文章于 2024-01-02 11:17:22 发布
最新推荐文章于 2024-01-02 11:17:22 发布
阅读量3.2k 收藏 4
点赞数 12
分类专栏： bug 文章标签： 前端 uv
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_49490164/article/details/125160257
版权

错误体现在：单击时无法选中，再次点击才可以切换，并且报错内容如下图
报错

解决方法：
1.首先确定uview使用版本，是否使用错版本
2.1X版本有change事件，2X改为click事件了（官方文档没更新）
lineBG需要定义在data（）中
3.我使用的是2X版本，uview更新到2.0.30后，click事件的index拿到的是对象，序号包 裹在对象中
在这里插入图片描述

妖妖的耳朵
关注
  • 12
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 9
    评论
专栏目录
uview组件源码，含样式
08-26
uview组件源码，含样式
uniapp+uview框架模板
12-03
【uniapp+uview框架模板】是用于快速构建移动应用的开发工具，它结合了uniapp的跨平台能力与uview UI框架的丰富组件库，为开发者提供了高效、便捷的开发体验。uniapp是一个基于Vue.js开发的多端合一的框架，支持H5、...
uniapp 中使用u-tabs报错annot read property ‘props‘ of undefined
fsh364943092的博客
07-21 1559
uniapp 中使用u-tabs报错annot read property 'props' of undefined
Cannot read property ‘getBoundingClientRect‘ of undefined 报错
qq_41446162的博客
04-15 1万+
错误如上图所示Cannot read property 'getBoundingClientRect' of undefined 代码：在该方法中使用了getBoundingClientRect() loadMore() { let basic = document.getElementsByClassName("ue-editor")[0].getBoundingClientRect(); } 代码：在mouted中调用了（监听滚动条事件） mounted() { ...
页面提交报错：Uncaught TypeError: Cannot read property ‘tabs‘ of undefined
Liya_forever的博客
06-22 397
在这里插入代码片
使用uview的u-tabs-swiper组件报Error in v-on handler: “TypeError: Cannot read property ‘left‘ of undefined“
qq_41620231的博客
04-25 2182
左侧导航条一直不动 问题解决 获取导航栏数据放在mounted向后端请求数据，在渲染到前端页面 onLoad() { this.getSwiperHeight(); // 计算出轮播图的高度 // this.getCodeTable(); // 选项卡数据再获取社区数据 }, mounted() { this.getCodeTable(); // 选项卡数据再获取社区数据 }, ...
vue中cannot read property of undefined的问题分析及解决
热门推荐
weixin_46399753的博客
03-11 20万+
前言 vue项目中经常会遇到"cannot read property ‘某某某’ of undefined"的报错信息。下面我就简单分析下报错原因及解决方法 问题描述 info是服务端返回的数据，是一个对象。我们要做的就是把对象里的值放到页面显示，先看一下我出错的代码片段 <div class="shop-header-discounts" @click="toggleSupportSho...
uview-plus 报错 “Cannot read property ‘mpMixin‘ of undefined”
最新发布
qq_41120857的博客
01-02 665
文件下的mixins中mpMixin,mixin无法通过$u的方式进行获取。1.导入 mpMixin,mixin。经排查，该错误出现在“2.修改mixins的值。
uview2.0uview2.0
04-22
uView2.0是一款在IT行业中广泛使用的前端UI框架，专为Vue.js设计，致力于提供一套简洁、易用且功能丰富的组件库，帮助开发者快速构建出美观的Web应用界面。uView2.0是对uView1.0的升级版本，带来了更多的特性、优化...
uView1.0.zip
11-22
《uView1.0：构建高效Vue项目的利器》 在当今快速发展的前端开发领域，Vue.js作为一款轻量级、高性能的MVVM框架，已经深受开发者喜爱。而uView UI框架，作为Vue生态中的重要组件库，更是为开发者提供了丰富的UI组件...
uview内置类演示demo
02-06
《UView内置类演示Demo详解》 UView UI框架是专为uni-app设计的一款高度封装的组件库，它提供了一系列丰富、美观且易用的组件，适用于开发跨平台的移动应用。本文将深入探讨UView内置类在实际项目中的应用，并通过...
uniapp使用uview u-tab，下划线异常
m0_62152730的博客
03-15 6108
1、问题描述，tab切换之后，再返回，导致下划线位置异常 2、分析原因 Tab 挂载的时候会初始化并获取自身宽度，如果处于隐藏状态下，Tab 是获取不到自身宽度的，因此底部条的位置没法正确计算 3、解决方案 当数据回显之后，在从新渲染tab组件。 this.showTap = false this.$nextTick(() => { this.showTap = true ...
uview-tabs组件的下划线异常-vue2
weixin_71807421的博客
03-12 1056
uview-tabs组件的下划线异常
uview-tabs组件的下划线异常-vue2/uview
高桥留de博客
09-05 1226
uview u-tabs下划线不对齐问题解决
Vue2-Cannot read property 'component' of undefined
sunOpar的博客
09-08 1万+
问题Cannot read property ‘component’ of undefined原因版本问题，由于vue2删除了vue1的内部指令，而vue－router1.x依赖vue的一个内部指令。这上面如果是1.x版本，会读取Vue.internalDirectives.component这个属性，而实际上vue2根本没有Vue.internalDirectives，所以导致undefined。
uview中的tabs遇到的一些问题（行没有自动填满，样式问题）
IT_Dilraba_bin的博客
06-10 7333
uview中的tabs遇到的一些问题（行没有自动填满，样式问题）
深入理解并解决Uncaught TypeError: Cannot read properties of undefined技术文章
奇妙的Bug之旅
11-10 7万+
Uncaught TypeError: Cannot read properties of undefined 是一个 JavaScript 运行时错误，它表示你试图访问一个未定义（undefined）对象的属性。这通常是因为你尝试访问一个不存在的变量或者对象的属性。在访问对象的属性之前，你应该先检查该对象是否已经定义。你可以使用typeof操作符来检查一个变量是否已定义。// 访问 myVariable 的属性。
vue中cannot read property of 'xx' undefined 报错的解决方案
weixin_43917792的博客
12-15 8760
无法准备未定义属性 在做一个电影详情页的时候，遇到一个结构稍微复杂的数据结构，如下图 需求是将电影的类型渲染到页面上 渲染部分的代码 <p class="title">{{detail.alt_title | formatTitle}}</p> <p class="grey">{{detail.attrs.mov...
VUE Iview 报错 “TypeError: Cannot read property ‘validate‘ of undefined“（解决）
01-20 11万+
在使用框架iview的表单验证的时候报出错误 1 错误：TypeError: Cannot read property ‘validate’ of undefined [Vue warn]: Error in v-on handler: "TypeError: Cannot read property 'validate' of undefined" found in ---> <Button> <FormItem> <IForm&gt
uniapp 引入uview form报错 Cannot read property 'setRules' of undefined
06-08
这个错误通常是因为在使用 `uview` 组件库中的 `form` 组件时，没有正确引入相关的依赖项。您可以按照以下步骤来解决这个问题： 1. 确认您已经正确安装了 `uview` 组件库并且已经在项目中进行了引入。 2. 在 `uni.scss` 中添加以下代码： ```scss @import "uview-ui/index.scss"; ``` 3. 确认您已经将 `uview-ui/components/form/index.vue` 文件引入到了您的页面中，并且使用了正确的组件名称。 4. 确认您已经按照 `uview` 组件库的文档中的说明正确使用了 `form` 组件，并且传递了正确的参数。 如果您还是无法解决这个问题，请提供更多的错误信息和代码，以便我更好地理解您的问题并给出更准确的解决方案。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值