vant2中在遮罩层中添加轮播图无法读取属性：Cannot read properties of null (reading ‘width‘)

于 2023-09-28 10:51:24 发布
阅读量351 收藏 1
点赞数 2
文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_63552705/article/details/133377873
版权

在遮罩层中添加轮播图的时候，会导致轮播不会提前渲染，会报以下错误，‘无法读取null属性(读取'width')’

解决方法，可以通过wach来先来监听是否显示遮罩层中的那个变量并接收参数，，通过$netxTick，重新将轮播图再次渲染，代码实现如下：

安莲说
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
EasyUI:Cannot read property 'width' of null
看向远方
10-21 2915
最近在使用EasyUI DataGrid来做前端的报表开发，遇到了这个报错： Uncaught TypeError: Cannot read property 'width' of null 在网上查找解决方案，基本上都告诉你检查各种属性名是否有拼写的错误，一般都是这个原因导致的。我自己也做了检查，并没有发现什么问题，以下是我的代码： columns: [ ...
在vant 中使用cell组件 定义图标该图片和位置操作
01-18
vant 中使用cell组件 定义图标该图片和位置像微信信息栏一样 <van class=vanCellGroupClass><!--../../assets/tou.png--> <!--二级经营单位 value=未完成 size=large label=二级经营单位 class=...
easyui Uncaught TypeError: Cannot read properties of null (reading ‘width‘)
小怪獸丶的糖的专栏
07-21 1544
easyui Uncaught TypeError: Cannot read properties of null (reading 'width') 解决办法
Vant Swipe 轮播报错：Cannot read properties of null (reading ‘width‘)
weixin_45810581的博客
01-15 3151
监听接口数据，设置一个延时器，让其在数据渲染之后重绘轮播图 watch:{ dataList(val){ var _this = this; setTimeout(() => { _this.$refs.swipe.resize(); }, 500); } },
轮播图van-swipe的报错：cannot read a properties of null(reading width)
五颜六色的白
07-12 2574
轮播图van-swipe的报错：cannot read a properties of null(reading width)
Uncaught TypeError: Cannot read property 'width' of null
热门推荐
萧枫的专栏
05-19 1万+
easyui 1.4.2 datagrid Uncaught TypeError: Cannot read property 'width' of null  easyui初始化datagrid的时候报的错。 查找原因之后发现是columns参数错误，该参数有两个[]，但是只写了一个。 columns:[[               {field:'code',title:'Code',
vant轮播图组件滑动报错Uncaught TypeError: Cannot read property ‘width‘ of null解决方案
qq_37493515的博客
05-21 4457
h5项目引用的vant轮播图，之前正常运行。今天后端修改了一下数据结构，结果在滑动时候报错 Uncaught TypeError: Cannot read property 'width' of null 以下是解决方案： 1、给轮播图一个ref标签 <van-swipe touchable indicator-color="white" ref="swipe"> <van-swipe-item v-for="(i, index) in newBanner" :key="ind
在vant中使用时间选择器和popup弹出层的操作
01-21
我就废话不多说了，大家还是直接看代码吧~ 选择日期 value=datetime click=showDatePicker> <van-popup v-model=showDatePicker position=bottom :style={ h
在Vant的基础上实现添加表单验证框架的方法示例
10-17
然而，Vant 并未内置表单验证功能，这在实际项目中可能成为一个短板。本文将介绍如何在 Vant 基础上集成表单验证框架，以满足项目需求。 首先，我们需要分析表单验证的需求。理想的验证框架应该具备以下几点： 1. ...
在vue中使用vant TreeSelect分类选择组件操作
01-22
//先在你需要的页面中引入，第一个是弹出层,第二个是选择的 import { Popup } from vant; import { TreeSelect } from vant; 代码部分： <van-tree-select :items=items :active-id.sync=items.activeId...
vant-image本地图片无法显示
01-07
正常情况下都是这样写的，但是vant这个框架不知道怎么想的，居然加载不出来，花里胡哨。文档也没有写怎么加载本地图片，到处挖坑。如图： 加载失败 解决办法： src属性绑定requeir（）方法 :src=require('../...
前端学习---第四天HTML表格
m0_46476764的博客
09-27 292
HTML表格1. 1.
EasyUI datagrid报错：Uncaught TypeError: Cannot read property 'width' of null
u010394400的博客
11-26 6811
采用EasyUI的 datagrid 展示数据，报错：Uncaught TypeError: Cannot read property ‘width’ of null 解决办法： columns参数写法错误，该参数有两个[]，少写会报该错误。 columns:[[ {field:‘code’,title:‘Code’,width:100}, {field:‘name’,title:‘Name’,w...
easyui datagird报错：Cannot read property ‘width‘ of null
weixin_42028153的博客
09-09 680
报这个错误的原因跟表格宽度没有关系，只要是column中的键值对写的是否正确，column要用两个中括号括起来-------[[ ]] $('#dg').datagrid({ url:'datagrid_data.json', columns:[[ {field:'code',title:'Code',width:100}, {field:'name',title:'Name',width:100}, {field:'price',title:'Price',width:..
Cannot read property 'width' of null ---easyui
qwe137598911的博客
02-15 8919
出现这种问题要看datagrid的filed有没有写对 或者其他任何属性名有没有写正确，出现这种情况通常是因为无法识别属性名导致的
Qt错误-Cannot read property xxx ‘width‘ of null
PRML_MAN的博客
03-03 1190
今天在写QML代码时，新增一个函数，出现了Cannot read property xxx ‘width’ of null的错误，开启了定位操作。 1、错误代码如下 function getDiskInfo(retCode, ret) { diskModel.clear(); data = ret.split("-"); for (var i =0; i < data.length; i++) { diskModel.append({"data": data[
Cannot read properties of null(reading ‘resize‘)
weixin_44740072的博客
03-02 845
Cannot read properties of null(reading ‘resize‘)
Vant踩坑2——Overlay 遮罩层组件
weixin_47546788的博客
01-19 3359
问题：现有需求是一个页面，点击弹出一个遮罩层，并可以上下滚动，在chrome调试时，能上下滚动，但是在真机上不能滑动 解决方法： 将overlay遮罩层的lock-scroll属性默认设置为false。 官方说明是：overlay锁定背景滚动，锁定时蒙层里的内容也将无法滚动 <van-overlay :show="showDetail" :lock-scroll="false"> 来源参考：使用vant的Overlay 遮罩层做弹框，遇到的bug ...
vant组件 移动端遮罩层
xiaomazhuli的博客
05-17 1905
在进入页面之前，页面的数据请求渲染需要一定的时间，这时需要加一个遮罩层处理，让页面变的更好看一点，等数据都获取到了，再让用户看见 <van-loading class="loading" v-if="loading" /> <!-- 内容 --> 每当调取接口的时候，就要设置一下 loading 为 false，获取到了数据就再设为 true，实例如下： //data中 loading:false, dataDetail:{} //m..
Vant 报错Cannot read properties of undefined (reading 'prototype')
最新发布
09-12
你好！对于Vant库报错"Cannot read properties of undefined (reading 'prototype')"，这通常是由于引入方式不正确或版本不兼容造成的。 首先，请确保你已正确引入Vant库。你可以通过以下步骤检查引入方式： 1. 确保安装了Vant库的依赖： ``` npm install vant ``` 2. 在需要使用Vant组件的地方，确保正确引入Vant： ```javascript import { Button, Toast } from 'vant'; ``` 3. 确保在Vue实例中注册了Vant组件： ```javascript Vue.use(Button); Vue.use(Toast); ``` 如果你已经按照上述步骤引入了Vant，并且仍然遇到该错误，那可能是版本不兼容导致的。请尝试更新Vant库的版本，并确保该版本与你使用的Vue版本兼容。 如果问题仍然存在，请提供更多的代码或错误信息，以便我能够更好地帮助你解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值