那些年我用vue 2.x开发遇到的坑

最新推荐文章于 2023-07-13 14:29:48 发布
最新推荐文章于 2023-07-13 14:29:48 发布
阅读量200 收藏
点赞数
分类专栏： 前端坑 vue 文章标签： vue vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xinping7he/article/details/110559556
版权

我遇到的坑的，大多是没有仔细琢磨vue官方文档所导致的。在下面的文章，我会给出那些坑对应的知识点，点击就可以查看更详细的讲解。

坑号1

知识点：深入式响应原理
描述：赋值给数组，绑定数组的页面元素没有响应渲染更新

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
陷阱： 后台传来的是一个数组，数组项是对象，数组项里面还有一个对象。弹框里面的页面元素绑定的值是数组的对象数组项的属性对象的属性（晕了吧），所以直接将后台传来的值赋给data 选项的数组变量，就会出现上面页面没有更新渲染的情况。

解决： 把数组项里面的对象抽出来，使用this.$set方法添加响应式 property

在这里插入图片描述
完美解决，哈哈哈

之后遇到的坑都会在这里更新
/哭 /逃

xinping7he
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
大笨蛋！！vue2的坑已经踩得够深啦！别踩啦！ - 岛岛还存活在代码的第180天
weixin_44912668的博客
05-11 221
然后查了资料需要安装vue-video-player，但大部分都是vue3的安装方式，vue2安装后是没用的，后面终于被我搜到vue2的安装方法。首先需要将this.projectList[i].speakerConf进行JSON转换，然后设置一个变量格式为空的数组，照着下面的代码输入进去，更改下你需要变换的数据就可以啦！的，所以要暂时写入后端👫电脑的ip地址才可以调用接口，同时要注意本地调用时，也是会出现获取数据失败的。形式，需要进行转换，并且在接收后端返还的数据时还需要。，可以得到当时接口的。
vue2各种坑
weixin_44839274的博客
10-29 140
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
VUE开发中遇到的坑
qq_41206257的博客
01-07 870
1.父组件监听不到子组件向外触发的时间，原因可能是$emit传入的事件名称只能用小写，不可以使用驼峰式命名书写 2.用异步传递过来的数据做组件的初始化时候，直接用，因为存在异步问题（延时，结果需在等待过程结束之后才返回），会出现not find props或者渲染出来全部为空的情况。解决办法：在子组件内watch这个参数，用watch的newVal参数来进行渲染 3.vue循环中可以直接将数组...
VUE开发过程中遇到的坑
qq_37607502的博客
04-01 758
1、数据格式转换之往对象中添加一个元素 后端传过来的数据： { "业务支撑":{ "problemNum":6, "solvedNum":6, } } 我的需求是： [ { dutyCenter:"业务支撑", problemNum:6, solvedNum:6, } ] 然后想到了Object.keys(obj),Object.values(obj)方法。 方法详解...
关于vue2项目引入vue-router的一些坑
qq_44844751的博客
04-08 836
在main.js文件中引入vue-router时，我在new vue({})这里碰到一点小坑，import test from './router’这里我随便取了一个名字直接放到new vue({test,})里,没想到直接报TypeError: route is undefined"的错，因为new vue里用了缩略写法，所以想要自定义router名字的话要这么写!!!：new vue({router:test}) ...
vue2开发中遇到的一些问题
hfhan的博客
05-07 905
项目使用webpack + vue + element 进行开发，但是将打包后的项目在ie上运行时，发现了以下错误： 1.项目在ie9下样式错乱，这是和vue及element没有什么关系，基本上都是自己样式书写没有考虑到浏览器兼容性问题 比如：flex布局，clear:both清除浮动，::after伪元素等 2.element-ui 的loading 加载动画不能自动关闭 原因：未知！！！ Github上的讨论：https://github.com/ElemeFE/element/issues/8894
Vue2.X 通过AJAX动态更新数据
10-18
在Vue2.X中，动态更新数据是其核心特性之一，使得开发者可以轻松地构建响应式用户界面。在本文中，我们将深入探讨如何利用AJAX（Asynchronous JavaScript and XML，现在通常指的是XMLHttpRequest）来实现这一目标，...
基于SpringBoot3.x+Vue3.x整合从0到1一步一步实现酒店管理系统
10-24
分享一套关于酒店管理系统开发的教程——基于SpringBoot3.x+Vue3.x整合从0到1一步一步实现酒店管理系统，学完本课程，您将收获：增加项目实战经验;学习SpringBoot项目应用中遇到各种问题;学会使用前后端分离开发！ ...
Vue2.x中利用@font-size引入字体图标报错的解决方法
10-17
在Vue2.x开发过程中，我们有时会遇到使用`@font-face`规则引入字体图标时出现的错误。本文将详细讲解这个问题的原因以及如何解决。 首先，当我们在Vue2.x项目中利用`@font-face`引入字体图标时，可能会遇到两种常见...
全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作
10-14
然而，有些开发者可能因为特定需求或者习惯，还需要继续使用 Vue CLI 2.x 版本，尤其是它的 `vue init` 功能。 **全局安装 Vue CLI 3** Vue CLI 3 的安装涉及到全局卸载旧版本（如果已安装）和安装新版本的过程。...
利用Vue2.x开发实现JSON树的方法
01-19
最近工作中遇到一个需求，由于项目需要一个解析 JSON 字符串并生成 JSON 树的功能，在 GitHub 上也没有找到合适的组件，因此基于 Vue2.X 自己写了一个 JSON 树组件，主要原理是利用 Vue 的递归组件，进行深度优先的...
Vue2踩坑汇总
zhou_Tian的博客
05-25 188
最后百度了下，发现必须改成将“confirm”改为“onConfirm”，才能生效。我遇到的第一个坑是无法给Popconfirm添加的监听器无法触发。一般Element-UI结合Vue2使用。@和v-on这两种写法都尝试了。
Vue2.x 踩坑记录（持续更新）
sky_math的博客
05-24 2796
踩坑少年欢乐多0.0记录下自己开发过程中遇到的坑，避免以后遇到了又一脸懵逼。（之前已经踩过很多坑了，没有及时记录，之后优化代码的时候再看到或者后续开发中遇到坑会更新到文章中。）computed修改data返回的数据出处是黄神的课程，源码是vue1.x，在2.x版本就会有这个问题，但项目还是可以正常跑起来的。修改方法很简单，官方API写的很明白了，给出官方示例：var vm = new Vue({ ...
Vue2.0之踩过的坑
xinxin_csdn的博客
12-22 260
1.
Vue2响应式有哪些缺陷？
s996997778的博客
07-13 1121
Vue.js 2.x版本中的响应式系统有一些缺陷。以下是其中一些常见的缺陷：1. 无法响应新增属性：在Vue2中，只有在实例被创建时就存在的属性才会被观察。这意味着如果你在已经创建的实例上动态添加新的属性，Vue无法检测到这些属性的变化。为了解决这个问题，你需要使用Vue.set或Vue.$set方法来添加响应式属性。2. 无法响应数组索引和length的变化：Vue2无法检测到通过索引设置数组元素的变化，以及直接修改数组的length属性。
vue2 vue-cli4.x开始,基本不需要再手动npm装babel了,但是项目跑起来发现ie11打开是空白的?
elanbom的博客
07-09 453
虽然微软都放弃了自己的亲儿子:ie浏览器,但是甲方爸爸还有儿子啊 本文从vue2.0适配ie10及以上开始说起 vue-cli4.x开始,基本不需要再手动npm装babel了,但是项目跑起来发现ie11打开是空白的?? 赶紧检查自己导入的插件库吧,说不定就有某一个是es6写的,并且你没有给它添加到转译配置里,本案例用ant和vuex-persist举例如下. vue.config.js中这样配置: module.exports = { transpileDependencies: ["ant
Taro+vue3开发微信小程序容易遇到的小问题
xjc2333333的博客
04-03 3098
最近在和团队做一个微信小程序的应用，我也是第一次接触用vue开发小程序，不可避免的遇到了很多问题，我对遇到的问题进行一些汇总，如果大家有遇到类似的问题，希望可以帮助到大家。 1.微信小程序的头部导航栏问题 首先的话，微信小程序的头部导航栏和底部导航栏都是最高层级的，普通写页面的话，背景图片或者背景颜色是无法延伸到这两个地方的，但是这两个导航栏又有不同的地方，头部导航栏只需要在app.config.js里面配置一行代码就可以 注释起来的这句就可以实现去掉原生的头部导航栏，但是由于我们写了很多界面之后
vue2.0开发过程中踩的坑！
嘿嘿
07-13 359
昨天素素终于跳了诛仙台，我好开心呀！今儿个特地整理了下vue2.0开发过程中踩得坑！希望和大家交流！ 一、声明周期 声明周期钩子详见这张图 https://segmentfault.com/q/1010000007704114 1.0的ready替换成了mounted，即模板编译挂载之后 数据data要写成function的形式了，像这样 二、路由中引入静态js，全局组件，全局变量，全局function 1.引入全局的静态js库，建立一个与src同级的目录例如static，然后把静态资源放入.
vue项目总结，项目期间遇到的问题、难点等。【暂停更新】
热门推荐
柠檬不萌只是酸i
10-17 2万+
近期一直在做一个xxx中心的项目，先来吐槽下内心的想法， 要开发的项目需求很不明确，需求两周两周的更改，感觉每天并没有特别多实际的产出，总是感觉有点儿浪费时间。 虽然这样，但是作为开发，我们只能服从上级命令，好了，进入正题。 但是对我来说，感觉还好，需求的更改，对我来说又是新的开发，新的接触，同时也是在锻炼我的耐心和耐性。 ------------正题----------分割线【1】201...
vue.js部署到nginx 跨域
最新发布
12-18
当将Vue.js部署到Nginx服务器上时，会遇到一些跨域问题。由于Vue.js的开发环境通常是在本地的开发服务器上运行，而Nginx服务器是在不同的域上运行的，因此会出现跨域的情况。 要解决这个问题，我们可以按照以下步骤...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值