因为用到的是echarts，所以渲染数据需要放在mounted里，但是请求数据需要id，我需要实时监听id的变化来渲染图表，所以需要同时用到mounted和watch来调用getInfo()函数。就导致了图表加载两次的效果，有想过直接watch不mounted但是如果id没数据一直没变一开始就不会执行getInfo函数了，watch加immediate也不行，因为一加这个就在created里执行获取不到DOM渲染失败。
怎么做才能实现第一次加载只执行一次getInfo()函数
页面一加载 mounted和watch怎么才能只执行一次
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
不安于命 2021-09-26 10:37关注mounted是进入页面调用一次，而此时watch应该不会执行额，不要加immediate，页面加载完毕此时id变了，watch开始执行，而mounted不会执行了
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2021-09-26 10:19回答 3 已采纳 mounted是进入页面调用一次，而此时watch应该不会执行额，不要加immediate，页面加载完毕此时id变了，watch开始执行，而mounted不会执行了
- 2022-10-11 09:59回答 3 已采纳 mounted后dom已经渲染到浏览器，不需要再window.onload export default { name: 'cvs', mounted() {
- 2021-04-26 20:22回答 3 已采纳 应该是加载基础类库的代码放错地方了
- 2022-10-07 16:11lebron25的博客 解决页面加载时，watch和mounted声明周期钩子冲突，先后各执行一次，解决页面加载执行两次方法
- 2021-08-27 11:02回答 6 已采纳 已经搞定了只需要把 :visible.sync="flowChartShow" 修改为 v-if="flowChartB" :visible.sync="flowChartB" 然后在计算属性里
- 2022-01-10 14:27回答 3 已采纳 不是注册了message事件，在事件中设置arLocation这个model的值就行了，事件处理函数改成箭头函数，要不需要用let me=this;来访问实例 mounted() {
- 2022-04-12 17:10回答 2 已采纳 你这个是和store一起使用的， 你把store代码放出来才能看呐 还有你这个封装吧，有问题， 如果遇到参数里面有&符号，空格这些特殊字符你就知道了，axios默认就封装好了，可以传params的
- 2022-10-17 10:11时间不会赖着不走的博客 VUE中的mounted和created在页面加载过程只执行一次，computed和watch是用来监听值发生变化的。VUE中的mounted和created在页面加载过程只执行一次，computed和watch是用来监听值发生变化的。后来去官网进行查询，重新...
- 2021-05-09 21:28回答 2 已采纳 应该是并发问题，created中执行的getAllBanner方法是不是到后台取数据了，那是异步操作，不会阻塞前台页面的加载，向后台发送请求之后，vue继续向下执行了，等执行了mounted方法之后，
- 2022-10-13 09:57回答 5 已采纳 vue3与vue2语法不一样
- 2021-09-06 12:06回答 3 已采纳 肯定报错啊。你把vue实例化赋值给了$bus.vue都没实例化和挂载
- 2023-02-06 17:48b0b0大魔王的博客 【代码】vue组件对属性只watch一次的方法。
- 2022-06-29 17:13回答 2 已采纳 created 不能用async啊
- 2022-10-20 10:06落魄小二的博客 vue 方法执行顺序
- 2023-01-19 11:56靓靓的圆子的博客 初次加载子组件页面的时候没有执行监听， 要用immediate:true,来解决 watch:{ TargetType11:{ //监听的数据 handler(newName, oldName){ //。。。省略具体逻辑 }, immediate:true, //立即执行 }, }
- 2020-07-06 16:49朕.的博客 前言： 在开发中偶然检查Network请求的时候发现，在页面中created钩子函数中...，然后试了下，不光created会执行两遍，mounted也行，就连watch里面监听的也会，握草（草是一种植物），此处省略我咔咔排查了一个小时各
- 2022-04-26 22:59Freedom3568的博客 文章目录一. 理解Vue中的computed用法二：computed 和 methods的区别?三：Vue中的watch的用法四：computed的基本原理其他 一. 理解Vue中的computed用法 computed是计算属性的; 它会根据所依赖的数据动态显示新的计算...
- 2023-03-03 15:03RosaChampagne的博客 Vue2 页面和 mixins 中相同的 data created mounted computed watch methods 优先级
- 2022-11-03 09:52琹箐的博客 同一个接口同时被调用两次的原因
- 2022-05-23 11:31SanOrintea的博客 第一次点入这个currentPage能正常传，第二次就不行。 解决方法： 方法1：不应该在mounted中取prop值。应该吧要写在mounted中的东西写在prop值变化监控的watch中 方法2：在mounted中加settimeout0延迟 ...
- 没有解决我的问题, 去提问
问题事件
系统已结题
2月23日
已采纳回答
2月15日-
创建了问题
9月26日
悬赏问题
- ¥15 前置放大电路与功率放大电路相连放大倍数出现问题
- ¥30 关于<main>标签页面跳转的问题
- ¥80 部署运行web自动化项目
- ¥15 腾讯云如何建立同一个项目中物模型之间的联系
- ¥30 VMware 云桌面水印如何添加
- ¥15 用ns3仿真出5G核心网网元
- ¥15 matlab答疑 关于海上风电的爬坡事件检测
- ¥88 python部署量化回测异常问题
- ¥30 酬劳2w元求合作写文章
- ¥15 在现有系统基础上增加功能