![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue2.0+
E_li_na
这个作者很懒,什么都没留下…
展开
-
elementui里input type=“textarea“无法输入及提示校验信息
场景1:是这样的,input 写在el-dialog里面,根据另一个字段决定要不要显示这个input。新增和修改用的都是这个dialog。新增的时候input框输入后没有提示校验信息;但是,修改的时候,如果修改的是让另一个字段使得这个input从隐藏改成显示,然后在这个input里输入值后,不会在input框里显示值,但是查看data里是有值的。原因:出现这种情况时因为视图没有更新。解决办法:网上说的解决办法有添加@input事件。我按照要求添加了@input事件后,然后强制更新this.$forceU原创 2020-09-18 11:12:14 · 5033 阅读 · 0 评论 -
路由跳转时的参数传递
1.params传递:this.$router.push({ name:'路由名字', params:{ id:'1234' }})获取:this.$route.params.id2.path传递:this.$router.push({ path:'mypathUrl'+id })获取:this.$route.params.id需要在路由表中做相应的配置:{ path:'mypathUrl/:id'}3.query这种方式会在url地址中出现参数原创 2020-08-31 19:37:31 · 587 阅读 · 0 评论 -
vue之v-for遍历
vue可以遍历数字,数组,对象数组,对象,字符串,2.6之后可以遍历Iterable ,包括原生的 Map 和 Set。不过应该注意的是 Vue 2.x 目前并不支持可响应的 Map 和 Set 值,所以无法自动探测变更。<div id="example"> <!--循环数字--> <span v-for="count in 5" :key="index">{{count}}</span> <!--循环原创 2020-07-14 14:40:02 · 1000 阅读 · 0 评论 -
由vue遍历对象引发对深度拷贝的思考
项目中用v-for遍历一个对象{ count:"",age:""}进行参数渲染,输入参数后送到后端要转化为JSON字符串,于是提交之前新声明了一个对象,值为原先对象的JSON.stringify字符串。但是,问题来了,后端接口还没部署上去,调用的时候是502,接口调用不成功不会走剩下的流程。此时,数据已经改动为JSON字符串了,v-for遍历的对象改成JSON字符串“{“count”:“bb”,“age”:“ff”}”。于是遍历时就以字符串的形式进行渲染,出现如下图所示的参数渲染。那么,如何避免出现这原创 2020-07-02 09:10:40 · 1187 阅读 · 0 评论 -
ios微信软键盘之殇
先说一下业务场景。界面有弹窗,在弹窗内输入时,弹出软键盘输入短信验证码。验证成功后隐藏弹窗,弹出有复制按钮的弹窗。点击复制按钮,复制相关内容。在开发这个功能的时候,有两个渠道,一个是支付宝h5,一个是微信h5。结果是微信IOS端出现了bug,弹出有复制按钮的弹窗后,点击复制按钮没有任何反应。于是,我这个比较直的人就一直点,点点点,并且进行了计数,一开始,发现大概点了有一分钟后,界面没有卡了,点击复制按钮成功复制到了内容。我首先想到的是复制插件是不是有问题,查看了复制插件的源码,发现复制插件并没有设置什原创 2020-06-21 21:55:03 · 353 阅读 · 0 评论 -
vue里的v-for和key
当vue用v-for渲染列表的时候,默认地,它采取“就地补丁”策略。如果数据项的顺序改变了,vue将在原地修补每个元素,并且确保它映射到特定的索引的渲染上,而不是移动DOM元素去匹配项目的顺序。这和vue1.x的track-by=&quot;$index&quot;行为类似。vue要跟踪每个节点的身份,重用和重新排序所有元素,我们必须给它一个提示以便它完成这些工作。**我们必须为每个item提供一个唯一的key属...原创 2018-05-31 11:02:00 · 1516 阅读 · 0 评论 -
使用vue-i18n进行国际化
一、相关资源vue-i18n官网,csdn上一个可以练手的项目,这里是github地址,还有博客园上一个写的不错的文章。不过看这两篇文章最后先学过element-ui。 vue-i18n是一个前端国际化的工具,github地址。 兼容vue2.00+。二、实现国际化1、安装 $ npm i vue-i18n -D 2、在main.js中将vue-i18n注入到vue实例中i...原创 2018-05-28 10:52:03 · 974 阅读 · 0 评论 -
Vuex简介
一开始看到状态管理模式的时候整个人是懵逼的。。。。根本不知道什么是状态管理。。。Vuex是为了解决多个视图依赖同一个状态以及来自不同视图的行为需要变更同一状态的问题,我们把组件的共享状态抽取出来,以一个全局单例模式管理。 这种模式的好处是:当组件树非常庞大的时候,不管组件嵌套得有多深,在哪里,组件都能获取状态或者触发行为! 引用官方的话来说:Vuex是一个专为Vue.js应用程序开...原创 2018-05-08 18:14:30 · 358 阅读 · 0 评论 -
vue-cli搭建vue项目生成的文件夹解析
1.build文件夹 主要进行webpack的一些配置。webpack.base.config:基本webpack配置; webpack.dev.config.js:开发环境配置; webpack.prod.config.js:生产环境配置。 这些文件里面已经有基本的配置,我们只需根据自己的需求再添加loader,2.config文件夹 最主要的时index.js文件...原创 2018-05-08 15:19:40 · 3513 阅读 · 0 评论 -
使用vue-route时安装vue-loader遇到的坑
问题描述: 当时是在尝试用vue-router做路由,用了vue-cli搭建项目。由于对Eslint不熟悉,就按照网上的一个教程取消了Eslint代码规范。然后一npm run dev就出现下面的错误提示: 但是我明明安装了vue-loader啊!!! 问题出在我取消ESLint的时候,网上给出的解决方法是这样的,将build文件夹里的webpack.base.conf.js里的一些代码...原创 2018-05-08 14:12:26 · 5607 阅读 · 0 评论 -
vue-router过渡动效
路由的过渡效果用的&lt;transition&gt;,transition的所有功能在这里同样适用所有路由设置一样的动态效果&lt;transition&gt; &lt;route-view&gt;&lt;/route-view&gt;&lt;/transition&gt;单个路由设置过渡效果在各个路由组件内使用&原创 2018-05-07 14:46:58 · 983 阅读 · 0 评论 -
Vuex---在 Vue 组件中获得 Vuex 状态state
Vuex使用单一状态树(一个对象就包含了全部的应用层级状态),它作为唯一数据源存在,每个应用仅仅有一个store实例。单一状态树使得我们能够直接定位任一特定的状态片段,在调试过程中也能轻易地取得整个当前应用状态的快照。在Vue组件中获得Vuex状态Vuex的状态存储是相应式的。在Vue组件中获取Vuex状态总共有 五种 可行的方法。1.从store实例中读取状态最...原创 2018-05-09 10:32:13 · 13067 阅读 · 0 评论