vue关于data变量定义的问题

 更新时间:2024年03月24日 15:31:54   作者:qq_41048651  
这篇文章主要介绍了vue关于data变量定义的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

vue中data变量定义问题

vue中报Cannot read property 'value1' of undefined

这两天在使用uni-app写一个功能时,值能够成功渲染到页面,但老是报值为undefined,最开始还以为是异步加载的问题。

如下图:

找了好久的问题,怎么看都没毛病!

最后发现data()的return里的变量出了问题,我这里写的是_2hpdg,原来在这里的变量不能出现特殊字符或者数字。

长知识了!

vue项目一个坑:vue在data定义变量,使用时是undefined

在methods中使用this.userId,结果打印出来是undefined

原因

当一个Vue实例被创建时,它将data对象中的所有property加入到Vue的响应式系统中。

当这些property的值发生改变时,视图将会产生“响应”,匹配更新为新的值

解决

定义一个变量

var _this=this

后面的方法都能使用。

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue3中安装并且使用Tailwind CSS的完整步骤

    vue3中安装并且使用Tailwind CSS的完整步骤

    这篇文章主要介绍了vue3中安装并且使用Tailwind CSS的完整步骤,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友一起看看吧
    2025-04-04
  • Vue实现动态查询规则生成组件

    Vue实现动态查询规则生成组件

    今天我们来给大家介绍下在Vue开发中我们经常会碰到的一种需求场景,本文主要介绍了Vue动态查询规则生成组件,需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05
  • Vue实现定位并解决内存泄漏

    Vue实现定位并解决内存泄漏

    Vue.js 是一个流行且强大的 JavaScript 框架,它允许我们构建动态和交互式 Web 应用程序,本文我们将深入探讨 Vue.js 应用程序中内存泄漏的原因,并探索如何定位和修复这些问题的有效策略,希望对大家有所帮助
    2023-09-09
  • element用脚本自动化构建新组件的实现示例

    element用脚本自动化构建新组件的实现示例

    本文主要介绍了element-ui的用脚本自动化构建新组件的实现示例,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-12-12
  • Vue3中虚拟dom转成真实dom的过程详解

    Vue3中虚拟dom转成真实dom的过程详解

    Vue.js 在其运行过程中会将模板编译成虚拟 DOM (VNode),然后再将 VNode 渲染成实际的 DOM 节点,这个过程是由 Vue 内部的编译器和渲染系统完成的,本文给大家介绍了Vue3中虚拟dom转成真实dom的过程,需要的朋友可以参考下
    2024-09-09
  • Vue使用EasyPlayerPro播放本地MP4视频

    Vue使用EasyPlayerPro播放本地MP4视频

    这篇文章主要为大家详细介绍了Vue如何使用EasyPlayerPro实现播放本地MP4视频功能,感兴趣的小伙伴可以跟随小编一起学习一下
    2024-11-11
  • Vue中的v-cloak使用解读

    Vue中的v-cloak使用解读

    本篇文章主要介绍了Vue中的v-cloak使用解读,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-03-03
  • el-table多选toggleRowSelection不生效解决方案

    el-table多选toggleRowSelection不生效解决方案

    这篇文章主要给大家介绍了关于el-table多选toggleRowSelection不生效的解决方案,文中通过图文以及代码将解决办法介绍的非常详细,需要的朋友可以参考下
    2023-08-08
  • vant的picker的坑及解决

    vant的picker的坑及解决

    这篇文章主要介绍了vant的picker的坑及解决,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-12-12
  • 详解使用vue-admin-template的优化历程

    详解使用vue-admin-template的优化历程

    这篇文章主要介绍了详解使用vue-admin-template的优化历程,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05

最新评论