![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Lioner-CSU
慢慢变成一个很厉害的人吧!
展开
-
金蝶云之家前端面经
1、路由钩子2、浏览器强弱缓存3、v-show 是display:none, v-if是删除了那行东西4、简单请求和复杂请求5、http26、vuex可以直接更改state吗7、权限路由8、vue生命周期9、双向绑定原理10、实现跨域1、 通过jsonp跨域通常为了减轻web服务器的负载,我们把js、css,img等静态资源分离到另一台独立域名的服务器上...原创 2020-02-22 15:07:10 · 2143 阅读 · 3 评论 -
el-dialog校验残留 重置校验失败 resetFileds失效的斗争
问题现象:使用el-dialog作为子组件的时候,新增和编辑是同一个弹窗,先打开编辑,取消,再打开新增弹窗会弹出校验。先打开编辑再打开且关闭前会短暂显示之前编辑框的内容问题分析:首先 this.$refs.Form.resetFileds 是清空校验并重置为初值。因为el-dialog是用 visible.sync 绑定的,只是控制显示和隐藏,并...原创 2020-01-09 13:52:07 · 1321 阅读 · 2 评论 -
火狐FIREFOX使用a标签下载文件,欲同时使用href和onclick事件,onclick事件无效的解决方法
因为火狐的兼容性问题,在想要点击a标签下载文件,同时对它添加点击事件记录下载次数时,会出现只有href属性生效,onclick内的函数无效的现象。在网上找了很多方法都无法解决,无法同时使用href和onclick属性。<a href="url" @onclick="count(id)">下载</a>count(id) { updateCount(id)...原创 2019-12-30 16:51:59 · 1421 阅读 · 1 评论 -
element 隐藏组件 el-scrollerbar 使用方法详细解说 带无限滚动 适配不同的浏览器
1、首先从上述路径可以看见scrollbar这个组件是存在的渲染出来层级*el-scrollbar(下面是自动渲染出来的不需要写在代码里) *el-scrollbar__wrap *el-scollbar__view *el-scollbar__bar is-horizontal *el-scollbar...原创 2019-10-17 17:06:26 · 6320 阅读 · 0 评论 -
简单快速理解Vuex 图解 快速上手
目录Vuex 是什么?五个核心的理解:1、state: 存放需要管理的状态2、getters:由基本数据派生/计算得出的数据(相当于State的计算属性)3、Mutations:修改state的唯一方法(同步!)Mutations 需遵守 Vue 的响应规则4、actions: 异步通过提交mutation更改state5、modules: 模块化Vuex同...原创 2019-10-14 09:44:54 · 981 阅读 · 0 评论 -
使用element UI非必填字段校验的效果修改
必填字段应该达到的效果是:不填-> 提示应该要填写填写-> 对了 -> 框变绿 -> 错了 -> 框变红 提示错误原因非必填字段应达到的效果是:不填-> 不校验填了-> 校验 -> 正确绿框 错误红框填了删除-> 不校验方法一、自定义校验规则 validator:(rule,val...原创 2019-09-19 11:21:48 · 1922 阅读 · 0 评论 -
vue v-model双向绑定有两种状态的输入框(待填坑寻求更优解
、由于想实现上述的效果,当勾选checkbox时,法人姓名/法人手机号 v-model绑定联系人/手机号,取消勾选时,v-model绑定不相同的法人姓名和手机号最开始查阅资料,想让v-model绑定一个动态变量或者计算属性但是计算属性的话,只有联系人/手机号变动时(移开焦点 trigger:blur),才会触发计算想要一直监听,让下面随上面变化,得使用watch...原创 2019-09-19 16:28:22 · 1069 阅读 · 0 评论 -
vue-router query和params传参(接收参数),$router、$route的区别
链接:https://segmentfault.com/a/11900000127351681.query方式传参和接收参数传参: this.$router.push({ path:'/xxx' query:{ id:id } }) 接收参数:this.$route.query.id...原创 2019-09-20 14:45:33 · 140 阅读 · 0 评论 -
从小白开始学vue学习笔记(一)——基础篇
目录一、引入vue二、helloWorld程序三、声明式渲染四、条件与循环五、处理用户输入六、组件化应用构建与自定义元素的关系SLOT API定义插槽算法获取分布式节点算法分布分辨率算法slot元件扩展到Element七、Vue实例1、创建一个Vue实例2、数据与方法3、实例生命周期钩子4、生命周期图示八、模...原创 2019-08-27 13:47:23 · 904 阅读 · 0 评论 -
从小白开始学vue学习笔记(二)——事件篇
目录一、事件处理1、监听事件2、事件处理方法3、内联处理器种的方法4、事件修饰符默认冒泡5、按键修饰符(1)按键符(2)系统修饰符(3).exact修饰符(4)鼠标按钮修饰符6、为什么在HTML中监听事件二、表单输入绑定1、基础用法2、文本3、多行文本4、复选框5、单选按钮6、选择框7、值绑定(1)复选框...原创 2019-08-28 15:14:42 · 506 阅读 · 0 评论 -
从小白开始学vue学习笔记(三)——组件篇
目录一、组件注册1、组件名2、组件名大小写使用 kebab-case使用 PascalCase3、全局注册4、局部注册5、模块系统(1)在模块系统中局部注册(2)基础组件的自动化全局注册二、Prop1、Prop 的大小写 (camelCase vs kebab-case)2、Prop类型3、传递静态或动态Prop(1)传入一个数字...原创 2019-09-02 15:35:39 · 983 阅读 · 0 评论 -
从小白开始学vue学习笔记(四)——动画篇
目录一、概述1、单元素/组件的过渡(1)过渡的类名(2)CSS过渡(3)CSS动画(4)自定义过渡的类名(4)同时使用动画和过渡(5)显性的过渡持续时间(6)JavaScript钩子2、初始渲染的过渡3、多个元素的过渡(1)过渡模式4、多个组件的过渡5、列表过渡(1)列表的进入/离开过渡(2)列表的排序过渡_.shuffle...原创 2019-09-02 18:08:16 · 380 阅读 · 0 评论 -
从小白开始学vue学习笔记(五)——可复用性 & 组合篇
目录一、混入1、基础2、选项合并3、全局混入4、自定义选项合并策略二、自定义指令1、简介2、钩子函数3、钩子函数参数(1)动态指令参数4、函数简写5、对象字面量三、渲染函数 & JSX1、基础2、节点、树以及虚拟DOM(1)虚拟DOM3、createElement参数(1)深入数据对象(2)完整示例(3)...原创 2019-09-03 17:26:02 · 346 阅读 · 0 评论 -
从小白开始学vue学习笔记(六)——工具篇
目录一、单文件组件1、介绍2、怎么看待关注点分离?(1)例子沙盒(2)针对刚开始接触JavaScript模块系统开发的用户(3)针对高级用户二、单元测试1、简单的断言2、编写可被测试的组件3、断言异步更新一、单文件组件1、介绍在很多 Vue 项目中,我们使用 Vue.component 来定义全局组件,紧接着用 new Vue({ el: ...原创 2019-09-04 11:21:44 · 210 阅读 · 0 评论 -
小白学习Vue实用实战实例小技巧小tips(二)
目录1、过滤器详解replace()定义和用法语法返回值说明2、vue的生命周期3、发送请求4、动画详解-过渡transition:使用第三方类使用钩子函数列表动画5、组件创建方式6、组件中的data7、组件切换方式8、模板定义方式9、父组件向子组件传值10、父组件向子组件传方法11、resetFields和clear...原创 2019-09-09 14:00:51 · 414 阅读 · 0 评论 -
vue使用ESLint规则时, Missing space before function parentheses等格式问题
引发错误的原因是代码格式化插件和ESLint的规则冲突。要么1、卸载所有的代码格式化插件2、自定义ESLint的规则使其符合习惯3、关闭ESLint2、去官网复制错误代码可以搜索对应的解决方案https://eslint.org/docs/rules/space-before-function-paren#require-or-disallow-a-space-b...原创 2019-09-10 13:51:18 · 20156 阅读 · 4 评论 -
VUE.js中访问地址的url带有#的问题
在开发的过程中会发现,访问VUE的项目是会在访问地址后面加上#,这个#其实是VUE的HASH模式所产生的,正确点来说是因为VUE使用了HASH模式。那么先说如果不想有#应该怎么做:修改路由Router的mode为history即可例如在vue init webpack my-project创建项目完毕以后,在src->router->index.js里修改import Vu...原创 2019-09-10 16:24:44 · 6749 阅读 · 0 评论 -
(填坑)vue实现简单的增删改查和全选反选功能
没有技术含量的暴力版:<template> <div class="container manage"> <div> <ul class="clearFloat manage__title"> <li> <label>id(添加或修改):</label&g...原创 2019-09-12 11:16:28 · 478 阅读 · 0 评论 -
小白学习Vue实用实战实例小技巧小tips(一)
目录1、v-cloak解决插值表达式闪烁的问题。2、插入html代码并显示成html元素。3、简写methods的方法4、点击事件层级(冒泡)5、动态class样式6、动态style样式7、单向绑定和双向绑定8、v-for循环的索引9、v-for中 key属性的运用10、v-if 和 v-show的区别11、增删改查功能设计12、时间格式化过滤器...原创 2019-09-06 11:12:12 · 449 阅读 · 0 评论