(vue)mouted里的用的data里的值为null或undefined导致渲染失败

最新推荐文章于 2024-03-09 14:17:14 发布
最新推荐文章于 2024-03-09 14:17:14 发布
阅读量888 收藏 1
点赞数 1
分类专栏： VUE 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44754635/article/details/126479404
版权

(vue)mouted里的用的data里的值为null或undefined导致渲染失败

解决：
法一：定时器+箭头函数

  mounted() {
    setTimeout(() => {
 		...//渲染操作
    }, 1000); 
  },

法二：that=this

  mounted() {
    var that = this;
    ...//操作里的this都用that替换
  },
nyf_unknown
关注
专栏目录
在 vue-cli 项目中通过 v-model 绑定 el-input 输入内容不渲染
itBellah的博客
03-24 3274
通过 @input 事件发现可以拿到当前输入的值，所以应该是数据改变了但是视图没更新 <el-input type="text" v-model="formData.reason" @input="change"></el-input> <script> methods: { change() { this.$forceUpdate() // 强制...
vue中在哪个生命周期中dom被渲染_Vue生命周期说明
weixin_26884391的博客
01-12 3072
人是生而自由的，但却无往不在枷锁之中。自以为是其他一切人的主人，反比其他一切人更是奴隶。——卢梭复制代码生命周期图生命周期钩子说明beforeCreate(初始化界面前)在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用。data 和 $el 都没有初始化，全部为 undefinedcreated(初始化界面后)实例已经创建完成之后被调用。...
vue.js 一个问题， 如果属性为null时，容易影响第二次绑定无法刷新。
xuezhezhishen的专栏
12-02 4418
vue.js 一个问题， 如果属性为null时，或者对象的字段不存在，容易影响第二次绑定无法刷新。
vue 数据没有渲染问题
weixin_49562833的博客
08-10 769
vue 接口有数据但是为什么没有渲染 接口有数据但是为什么 控制台提示undefined 微观 宏观
vue2中el-checkbox绑定的数据是null的处理方案
strxiaojie的博客
01-19 999
那么需要你在获取数据的时候，把后端给你的null修改为[]
vue之修改v-model页面不渲染么
weixin_45102633的博客
05-18 1417
有没有和我一样的 在created 里给变量input框赋值后 页面没有任何改变,v-model bug了么 我打了断点 发现修改input框 其实this 已经拿到值了 至于页面刷新的问题有2种解决方案 this.$set(this.form,‘data’,2); 推荐 this.$forceUpdate() 强制刷新 我想不刷新可能是页面层级嵌套过多吧 ...
Vue 中 MathJax 的使用与渲染的监听 (下)
网易技术热爱者
10-30 1311
本文作者：傅云贵（网易有道技术团队） 在上一篇文章 (见 http://kms.netease.com/article/14172 ) 中讲述了在 Vue 组件中如何使用MathJax，却应对不了产品的新需求: 待 MathJax 渲染(Typeset)数学公式后，用户使用浏览器的打印功能打印网页。 在此需求中，需要判断所有组件实例的 MathJax Typeset 是否完成。 如何监听所有组件实例中的 MathJax Typeset 是否完成呢？ 在上一篇文章 (见 Vue 中 MathJax ..
二.vue组件进阶(重点) 钩子函数 路由以及ajax应用
qq_43944285的博客
05-08 631
组件 vue生命周期 钩子函数
Vue保姆级项目教程：十万字零基础开发信贷管理系统！
weixin_55355282的博客
03-09 1046
本文档概述了信贷管理系统的开发过程和关键需求，包括用户管理、信贷申请、贷款审批、数据分析、安全性、兼容性、扩展性和用户界面。目的是提高信贷业务的效率和准确性，满足机构对信贷业务管理的需求。
Vue中各个生命周期阶段的源码探究--mounted阶段
YKG
12-06 1408
文本将对Vue的mounted阶段进行解析。使用的测试代码和之前的一样。vue版本v2.5.17-beta.0 测试代码： &amp;lt;div id=&quot;box&quot;&amp;gt; I love vue &amp;lt;ul&amp;gt; &amp;lt;li v-for=&quot;item in data&quot; @click=&quot;logChange(item.NAME,i
基于vue 添加axios组件,解决post传参数为null的问题
12-12
好，下面上货。 1、安装axios npm install axios --save 2、添加axios组件 import axios from 'axios' axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'; axios.defaults.baseURL = 'http://localhost:7878/zkview'; Vue.prototype.$ajax = axios; 3、get请求 testGet: function () { this.$ajax({
Mouted里的函数获取不到data里的数据（数据是从后台获取的），函数里获取data里的数据是underfined
TC0221的博客
04-19 461
解决mouted获取后台传来的数据underfined或者直接什么也没有，在执行created然后发送请求的时候，mounted并不会等这次请求结束才去执行，而是直接就去执行，而此时data中的值还没有被赋值，所以拿不到
使用this调用vue中定义的，data中数据或methods中的方法，报错undefined的原因及解决办法
qq_45634989的博客
08-18 6591
使用this调用vue中定义的，data中数据或methods中的方法，报错undefined的原因及解决办法
解决vue项目中调用后台接口成功获取到数据但元素渲染报null错误
Hello World
08-08 4398
由于获取到后台数据是个对象，所以我在data里面定义数据的时候给赋的初值是null 假设： data(){ return { videoObj:null } } template模板里对应的DOM元素： <div>{{ videoObj.title}} </div> 由于给videoObj赋了null这个初值，所以在调用接口前初始渲染读取的是null，即div的里面的videoObj初始读取的是null，所以会报 TyperError:Cannot read proper
vue在created里面请求的数据在mounted显示undefine
weixin_35749786的博客
12-20 1391
在 Vue.js 中，created 钩子函数在实例创建之后立即调用。这意味着在 created 钩子函数中进行的数据请求可能还没有完成。mounted 钩子函数在挂载完成之后调用，此时已经渲染完成，因此如果在 mounted 中访问数据请求的结果，可能会得到 "undefined" 的值。 为了解决这个问题，你可以在数据请求完成之后再调用 mounted 钩子函数，或者将数据请求的代码放在 mo...
简单分析在Vue的mounted中获取对象为null问题
沛哥儿的专栏
05-10 2618
背景 因为 需要在项目中需要将获取的列表对象赋值给另外一个控件。 所以使用了mounted 按照vue的生命周期，在create()中增加了获取数据的getList()方法，然后赋值。 然后在mounted()中增加了对赋值对象的相关操作。 vue生命周期图 问题 按照理想的情况，应该可以将赋值后的对象进行相关操作的。 但是实际结果却是打脸了，获取不到对象数据。 console.log打印出来的结果为null。 按照道理来讲，不应该哈。 解决方案 度娘了下，发现还真是..
Vue mounted方法中无法获取data属性值 cannot set property 'XXX' of null
Sbaby~的博客
02-22 3652
在毕设项目中使用到了CodeMirror，参照网上的实例 CodeMirror 的 editor 是在 mounted 中创建，如下： <script> ...... export default { name:'SQLContent', data() { return { code: '' }; }, mounted ()...
Vue中的$mount 中
Oliver_web的博客
04-20 870
1.
2021-11-12vue发请求时，data中有数据自动改变为null
weixin_44190736的博客
11-12 1411
今天写vue的时候发现一个很灵异的问题。 let mark; if(this.AuthState===true){ mark=0; }else{ mark=1; } let data = { creator: this.userInfo.employeeCode, isLimited:mark, }; console.log(data); Displacemen
vue3的class写法中，使用defineProps接收父组件的值为null
最新发布
10-26
在 Vue 3 的 class 组件中，如果你使用 `defineProps` 来接收父组件传递的值，可能会遇到传入 `null` 或 undefined 的情况。`defineProps` 是用于静态地定义组件的 props，它期望的是明确的数据类型。如果父组件未...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值