vue项目，数据已经更新了，但页面没有渲染问题

最新推荐文章于 2024-01-18 16:49:43 发布
最新推荐文章于 2024-01-18 16:49:43 发布
阅读量1k 收藏 1
点赞数 1
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46146087/article/details/120518345
版权

今天在做一个vant的项目时，发现图片上传第一次上传成功后页面是没有渲染的，但是在js里面console的时候发现数据竟然是有了的！！本来想通过watch进行监听的，奈何需要监听的对象是个二维数组中的对象，watch无法对此进行监听。
解决：赋值以后通过vue的this.$forceUpdate()方法进行强制刷新，问题就解决啦～

vue项目时经常会遇到一些数据改变了但页面没有渲染的问题也可采取这个方法呀

记录—今日踩坑

weixin_46146087
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决vue页面渲染但dom没渲染的操作
10-15
主要介绍了解决vue页面渲染但dom没渲染的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决vue项目中页面调用数据 在数据加载完毕之前出现undefined问题
01-19
在项目中遇到后台数据还没有加载完毕，但是页面上调用了后台数据中的字段，这样就会报undefined。 例如：一进入页面直接回显数据。 我在created里面请求接口进行赋值 this.matterAll=[]; 会报accessItemName为undefined； 原因以及解决办法： 在上面data()中，我定义了matterAll:[],也就是空的数组， template中，我又直接用了this.matterAll[0]，这个时候this.matterAll[0]=undefined，所以this.matterAll[0].accessItemName也是undefined， 需要
微信小程序中使用vant中的Calendar 日历组件
guairena的博客
05-17 8411
需求：   小程序需要实现日历的需求，可以单选、可以选择区间、节假日和周六颜色高亮、返回本月。具体如图，类似猫眼app的日历选择。 思路： 参考市场上含有日历的小程序及app，确定是自己实现还是使用组件，骨朵使用的是Pikaday。 确定使用Vant Weapp组件库中日历。 需要对源码进行一些修改，首先样式的修改、包括顶部周日到周六、节假日及周六日日期的颜色、返回本月按钮的添加及样式。 前后实现了三种展示日历的不同方式 4-1. 第一种，根据官方示例引入日历组件，平铺整个页面。选择日期后会跳转返回列表
前端：记录一次 Vite 引入 Vant 的过程，生产环境不渲染 Vant 组件
一抹阳光&的博客
05-05 851
我不知道我的做法正不正确，但是这着实解决了我目前的问题。希望有同学可以回答。的官方文档中，我并未找到有关于系统的配置，文档只是简写了。），在开发环境下使用是正常的，但是当我在。环境打包时，又出现了一个新的问题，经过前一个步骤引入 Vant 后（实现全局注册组件，通过自定义。是将所有的组件导出为一个。的形式按需引入组件。
vant2 (van-calendar) 日历选择器 首次打开空白页的问题
weixin_71280597的博客
01-18 503
vant-
记录VantUI日历组件可选日期渲染出现空白，下拉刷新之后才出现日历选择区域
猫
03-26 2454
针对某些终端（安卓/苹果手机），点击日历选择，弹出来的组件并没有显示出日期，如下图 这种情况是日历组件高度不兼容，修改vant日历组件的原始样式，将height百分比设置为80%（这个数值看具体情况） .van-calendar { height: 80% } 这个问题就得以解决了。快去试试吧！ ...
微信小程序Vant Weapp里面Calendar 日历组件不显示的问题
weixin_47049723的博客
12-25 6465
想用Vant Weapp弄个弹出日历选择日期的组件，但是发现按照Vant Weapp里面的文档复制粘贴就翻车了。 复制粘贴后小程序界面空空如也，啥都没有。 百度了一番也没有帖子写这个问题，然后我就只能自己发现问题了。 突然发现 <van-cell title="选择单个日期" value="{{ date }}" bind:click="onDisplay" /> <van-calendar show="{{ show }}" bind:close="onClose" bind:conf
vant没有重新渲染的bug
张许许的博客
10-21 1715
<view class="tab"> <van-tabs active="{{ tabActive }}" bind:click="onChange" title-active-color="#508BFFFF" ellipsis="{{false}}" id="tabs"> <van-tab title="热门"> </van-tab> <van-tab title="{{item.tagName}}" wx:for="{{userTag
移动端vant 弹框中包含tab页，记第一个tab,不加载数据问题
weixin_55895406的博客
09-09 1456
vant tab
浅谈vue异步数据影响页面渲染
10-16
今天小编就为大家分享一篇浅谈vue异步数据影响页面渲染，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue在页面数据渲染完成之后的调用方法
10-18
今天小编就为大家分享一篇Vue在页面数据渲染完成之后的调用方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
VUE实现强制渲染,强制更新
10-16
今天小编就为大家分享一篇VUE实现强制渲染,强制更新，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vant 日历插件，部分全面屏手机显示不出来
我叫陈小皮。
04-19 1923
找了很多资料没有特别好的办法，只有模拟滚动，代码如下： 所做需求：日期作为筛选项，多次切换的时候会出现空白的情况 <!--简略版代码--> <van-dropdown-item title="昨日统计" ref="date" @open="openCalendar"> <template #default> <div class="calendar-wrap"> <van-calendar
2023.3.22 Vue 数据更新了但页面没有更新的情况
小龙跳动的博客
03-22 3616
具体的场景不一样，解决问题的方法也不一样。这一句引起的，因为触发了setter，所以单看上述例子，具有响应式特性的数据只有message这一层，它的动态添加的属性是不具备的。那是因为Vue.js的DOM更新是异步的，即当setter操作发生后，指令并不会立马更新，指令的更新操作会有一个延迟，当指令更新执行的时候，此时text属性已经赋值，所以指令更新模板时，得到的是新值。一开始，我们在data对象中，只是声明了一个message空对象，并不具有text属性，所以该text属性是不具有响应式特性的。
【前端】vant组件移动端兼容性问题汇总
网页设计作业、webgis作业承接
12-21 4623
记录使用vant组件开发过程中遇到的兼容性问题
vue-cookies过期时间设置无效
apocalyptical的博客
06-05 1721
最近项目用到了vue-cookies，用是挺好用的，但是在设置过期时间时让我傻了眼，因为我按照之前网上的设置过期时间的方法，完全没用，不管怎么样设置他都是会话内生效。 搞得我直接人麻掉，因为我是想让它存在个两三天的，这肯定不行，我的设置方法是按照网上的说的这样设的： 或者把后面的D改成小写，改成什么day啥的，都试过，完全没用。后来我无意间发现了一个可以用的设置，改了之后果然生效了，大家可以试一下。 后面的数字表示过期时间，60就是一分钟，246060就是一天，246060*7就是7天。 大家如果也遇
表格表单 - 数据更新了页面却没有重新渲染且子组件中的数据更新失败
weixin_43882265的博客
07-11 1182
表格表单 - 数据更新了页面却没有重新渲染且子组件中的数据更新失败
基于51单片机的音乐播放器设计+全部资料+详细文档（高分项目）.zip
最新发布
05-11
【资源说明】 基于51单片机的音乐播放器设计+全部资料+详细文档（高分项目）.zip基于51单片机的音乐播放器设计+全部资料+详细文档（高分项目）.zip 【备注】 1、该项目是个人高分项目源码，已获导师指导认可通过，答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的在校学生、老师或者企业员工下载使用，也可作为毕业设计、课程设计、作业、项目初期立项演示等，当然也适合小白学习进阶。 4、如果基础还行，可以在此代码基础上进行修改，以实现其他功能，也可直接用于毕设、课设、作业等。 欢迎下载，沟通交流，互相学习，共同进步！
vue数据还没渲染完成页面已经展开
05-24
这个问题可能是由于数据还没有渲染完成，页面就已经展开了。可以尝试在Vue的钩子函数中使用`this.$nextTick()`方法来确保数据已经渲染完成再执行展开页面的操作。 例如： ```javascript mounted() { this.$...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值