资讯专栏INFORMATION COLUMN

vue的那些坑

Reducto / 1811人阅读

1.TypeError: data.forEach is not a function"

:data定义的是个对象{},改成数组[]就好

2.TypeError: data.forEach is not a function"

函数名字与属性名字重了,改名就好

3.Invalid prop: type check failed for prop "value". Expected String, Number, got Object

数据要获取的是字符串和数字,但是拿到的是一个对象,查看数据类型,将数据类型改回来就好

4.Property or method "artificial1" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.

子组件直接引用了props里的值,这样父组件改变值时子组件会报错。
解决方法:将值data中复制一份,子组件引用复制的值

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/109740.html

相关文章

  • 使用vue导出excel遇到那些

    需求: Vue+element UI el-table下的导出当前所有数据到一个excel文件里。 先按照网上的方法,看看有哪些坑 准备工作: 1、安装依赖:yarn add xlsx file-saver -S 2、在放置需要导出功能的组件中引入   import FileSaver from file-saver; import XLSX from xlsx; 3、HTML中的设置,简单来说...

    chunquedong 评论0 收藏0
  • 那些年,那些--swiper loop:true引发绑定domclick事件无效及解决方案

    摘要:第一版这是最常规的做法,把事件绑定在上。阻止点击事件冒泡世界杯揭幕战超新星球助攻俄罗斯沙特格里兹曼宣布留马竞颜值满分世界杯首日美女球迷盘点盘点历届世界杯大比分屠杀希望借此可以帮助遇到此问题的小伙伴,祝大家的生活中再无。 对于 swiper,只要做过轮播图的童鞋应该都再熟悉不过了。这是一个很强大的图片轮播插件,本身无任何第三方库依赖,即插即用。api 文档很清晰,所以很快能够上手。但是,...

    Barrior 评论0 收藏0
  • 前端入体验与分享

    摘要:同源策略同源策略是一种约定,由公司年引入浏览器,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很容易受到等攻击。 一、Vue变化检测 背景 初始化对象,属性未知;某些事件触发时,对象改变(新增属性),Vue监听不到 原因 Vue.js 不能检测到对象属性的添加或删除,因为Vue.js 在初始化实例时将属性转为 getter/setter,所以属性必须在 dat...

    hss01248 评论0 收藏0
  • 浅谈NUXT - 基于vue.js服务端渲染框架

    摘要:是一款基于的服务端渲染框架,跟的异曲同工。该配置项用于定义应用客户端和服务端的环境变量。 Vue因其简单易懂的API、高效的数据绑定和灵活的组件系统,受到很多前端开发人员的青睐。国内很多公司都在使用vue进行项目开发,我们正在使用的简书,便是基于Vue来构建的。 我们知道,SPA前端渲染存在两大痛点:(1)SEO。搜索引擎爬虫难以抓取客户端渲染的页面meta信息和其他SEO相关信息,使...

    yearsj 评论0 收藏0
  • 浅谈NUXT - 基于vue.js服务端渲染框架

    摘要:是一款基于的服务端渲染框架,跟的异曲同工。该配置项用于定义应用客户端和服务端的环境变量。 Vue因其简单易懂的API、高效的数据绑定和灵活的组件系统,受到很多前端开发人员的青睐。国内很多公司都在使用vue进行项目开发,我们正在使用的简书,便是基于Vue来构建的。 我们知道,SPA前端渲染存在两大痛点:(1)SEO。搜索引擎爬虫难以抓取客户端渲染的页面meta信息和其他SEO相关信息,使...

    godiscoder 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<