E_li_na的博客

场景1:是这样的，input 写在el-dialog里面，根据另一个字段决定要不要显示这个input。新增和修改用的都是这个dialog。新增的时候input框输入后没有提示校验信息；但是，修改的时候，如果修改的是让另一个字段使得这个input从隐藏改成显示，然后在这个input里输入值后，不会在input框里显示值，但是查看data里是有值的。 原因：出现这种情况时因为视图没有更新。 解决办法：网上说的解决办法有添加@input事件。我按照要求添加了@input事件后，然后强制更新this.$forceU

1.params 传递： this.$router.push({ name:'路由名字', params:{ id:'1234' } }) 获取： this.$route.params.id 2.path 传递： this.$router.push({ path:'mypathUrl'+id }) 获取： this.$route.params.id 需要在路由表中做相应的配置: { path:'mypathUrl/:id' } 3.query 这种方式会在url地址中出现参数

vue可以遍历数字，数组，对象数组，对象,字符串，2.6之后可以遍历Iterable ， 包括原生的 Map 和 Set。不过应该注意的是 Vue 2.x 目前并不支持可响应的 Map 和 Set 值，所以无法自动探测变更。 <div id="example"> <!--循环数字--> <span v-for="count in 5" :key="index">{{count}}</span> <!--循环

项目中用v-for遍历一个对象{ count:"",age:""}进行参数渲染，输入参数后送到后端要转化为JSON字符串，于是提交之前新声明了一个对象，值为原先对象的JSON.stringify字符串。但是，问题来了，后端接口还没部署上去，调用的时候是502,接口调用不成功不会走剩下的流程。 此时，数据已经改动为JSON字符串了，v-for遍历的对象改成JSON字符串“{“count”:“bb”,“age”:“ff”}”。于是遍历时就以字符串的形式进行渲染，出现如下图所示的参数渲染。 那么，如何避免出现这

先说一下业务场景。 界面有弹窗，在弹窗内输入时，弹出软键盘输入短信验证码。验证成功后隐藏弹窗，弹出有复制按钮的弹窗。点击复制按钮，复制相关内容。 在开发这个功能的时候，有两个渠道，一个是支付宝h5,一个是微信h5。结果是微信IOS端出现了bug，弹出有复制按钮的弹窗后，点击复制按钮没有任何反应。 于是，我这个比较直的人就一直点，点点点，并且进行了计数，一开始，发现大概点了有一分钟后，界面没有卡了，点击复制按钮成功复制到了内容。我首先想到的是复制插件是不是有问题，查看了复制插件的源码，发现复制插件并没有设置什

Vuex使用单一状态树（一个对象就包含了全部的应用层级状态），它作为唯一数据源存在，每个应用仅仅有一个store实例。 单一状态树使得我们能够直接定位任一特定的状态片段，在调试过程中也能轻易地取得整个当前应用状态的快照。 在Vue组件中获得Vuex状态 Vuex的状态存储是相应式的。在Vue组件中获取Vuex状态总共有 五种 可行的方法。 1.从store实例中读取状态最...

路由的过渡效果用的&amp;lt;transition&amp;gt;,transition的所有功能在这里同样适用 所有路由设置一样的动态效果 &amp;lt;transition&amp;gt; &amp;lt;route-view&amp;gt;&amp;lt;/route-view&amp;gt; &amp;lt;/transition&amp;gt; 单个路由设置过渡效果 在各个路由组件内使用&amp

问题描述： 当时是在尝试用vue-router做路由，用了vue-cli搭建项目。由于对Eslint不熟悉，就按照网上的一个教程取消了Eslint代码规范。然后一npm run dev就出现下面的错误提示： 但是我明明安装了vue-loader啊！！！ 问题出在我取消ESLint的时候，网上给出的解决方法是这样的，将build文件夹里的webpack.base.conf.js里的一些代码...

1.build文件夹 主要进行webpack的一些配置。webpack.base.config:基本webpack配置； webpack.dev.config.js:开发环境配置； webpack.prod.config.js:生产环境配置。 这些文件里面已经有基本的配置，我们只需根据自己的需求再添加loader， 2.config文件夹 最主要的时index.js文件...

一开始看到状态管理模式的时候整个人是懵逼的。。。。根本不知道什么是状态管理。。。 Vuex是为了解决多个视图依赖同一个状态以及来自不同视图的行为需要变更同一状态的问题，我们把组件的共享状态抽取出来，以一个全局单例模式管理。 这种模式的好处是：当组件树非常庞大的时候，不管组件嵌套得有多深，在哪里，组件都能获取状态或者触发行为！ 引用官方的话来说： Vuex是一个专为Vue.js应用程序开...

一、相关资源 vue-i18n官网,csdn上一个可以练手的项目,这里是github地址，还有博客园上一个写的不错的文章。不过看这两篇文章最后先学过element-ui。 vue-i18n是一个前端国际化的工具，github地址。 兼容vue2.00+。 二、实现国际化 1、安装 $ npm i vue-i18n -D 2、在main.js中将vue-i18n注入到vue实例中 i...

当vue用v-for渲染列表的时候，默认地，它采取“就地补丁”策略。如果数据项的顺序改变了，vue将在原地修补每个元素，并且确保它映射到特定的索引的渲染上，而不是移动DOM元素去匹配项目的顺序。这和vue1.x的track-by=&amp;quot;$index&amp;quot;行为类似。 vue要跟踪每个节点的身份，重用和重新排序所有元素，我们必须给它一个提示以便它完成这些工作。**我们必须为每个item提供一个唯一的key属...