![](https://img-blog.csdnimg.cn/20191013103745490.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
VUE实践
VUE相关知识的总结和实践
i大俊
https://github.com/kkxiaojun
展开
-
Vue的自我拷问(生命周期详解、v-if,v-show,nextTick原理,keep-alive,响应式原理)
详细讲解,vue的生命周期,nextTick和各方面的原理和注意点原创 2019-12-24 18:48:46 · 2915 阅读 · 0 评论 -
element-ui cascader级联选择器,获取对象Object(getCheckedNodes())
element-ui cascader级联选择器,获取对象Object(getCheckedNodes())原创 2019-12-11 15:34:14 · 19444 阅读 · 4 评论 -
html2canvas、图片跨域、模糊失真、base64、偏移等问题
html2canvas、图片跨域、模糊失真、base64、偏移等问题原创 2019-12-06 23:14:05 · 5569 阅读 · 0 评论 -
Vue中用canvas对图片上传前压缩
Vue中用canvas对图片上传前压缩原创 2019-11-30 10:13:12 · 1160 阅读 · 0 评论 -
Vue结合FIleReader实现图片上传前的预览
Vue结合FIleReader实现图片上传前的预览原创 2019-10-13 10:59:59 · 1257 阅读 · 0 评论 -
基于Vue和nodejs的自定义表单系统
基于Vue和nodejs的自定义表单系统原创 2019-11-23 15:11:44 · 1110 阅读 · 1 评论 -
vue组件v-vue-onkeypress限制只能输入数字
vue指令v-vue-onkeypress限制只能输入数字原创 2019-11-21 12:06:22 · 2584 阅读 · 0 评论 -
element table handleSpan合并单元格通用方法
vue element el-table合并单元格通用方法原创 2019-11-10 16:23:52 · 1384 阅读 · 0 评论 -
This relative module was not found(@font-face 字体引入路径问题)
This relative module was not found(@font-face 字体引入路径问题)原创 2019-11-07 20:32:50 · 1832 阅读 · 0 评论 -
避免使用 vue 的 v-html 指令
一、问题说明在日常的后台系统中经常会有输入框的业务,最近有个业务是这样子的:编辑文章信息,生成可预览的文章信息卡片。我看到代码中有个信息是这样处理的:<div v-html="title"></div>并且title是用v-model绑定的,直接用v-html插入Dom中巧的是测试人员很有专业素养,直接输入一段script,alert脚本,问题就出来了,直接弹出...原创 2019-10-20 08:59:29 · 4792 阅读 · 0 评论 -
Vue异步更新策略和nextTick 原理
Vue异步更新策略和nextTick 原理原创 2019-10-15 17:43:08 · 920 阅读 · 0 评论 -
v-show、v-if
文章目录v-show和v-if区别visibility:hidden和display:none之间区别v-show和v-if区别v-if: 真正的条件渲染。false,不在dom中。v-show: 一直在dom中,只是用css的display属性进行切换(存在于html结构中,但是未用css进行渲染)。存在dom结构中,display:none时,不在render(渲染树)树中。visib...原创 2019-10-13 22:36:46 · 186 阅读 · 0 评论 -
Vue购物车和地址选配
应注意的点for循环中嵌套for <li v-for="(item,index) in productList"> <div class="item-include"> <dl> <dt>赠送:</dt> <dd v-for="part in item.parts" v-text="part.partsName"></dd>原创 2017-08-24 22:16:07 · 1106 阅读 · 0 评论 -
Vue应注意的细节问题
Vue应注意的细节只有当Vue实例被创建时,data中存在的属性才是响应的计算属性是基于它们的依赖进行缓存的.计算属性只有在它的相关依赖发生改变时才会重新求值。这就意味着只要 message 还没有发生改变,多次访问 reversedMessage 计算属性会立即返回之前的计算结果,而不必再次执行函数。侦听器Vue 通过 watch 选项提供了一个更通用的方法,来响应数据的变...原创 2018-09-13 11:25:28 · 211 阅读 · 0 评论 -
基于vue、vue-router、vuex、fetch、cookie和addRoutes的动态菜单路由权限控制
基于vue、vue-router、vuex、fetch、cookie和addRoutes的动态菜单路由权限控制项目地址github登录整体逻辑根据token判断是否需要重新登录(token获取后存储在vuex和cookie中),先从vuex获取token,再从cookie中获取token(刷新页面,vuex会清空)vuex操作[types.LOGIN](state, data) {...原创 2018-12-17 11:05:04 · 669 阅读 · 0 评论 -
html2canvas配合PhotoClip.js制作海报
h5海报制作基本介绍最终实现的需求是:将海报模版与自己上传的照片进行合成并且贴上二维码,生成可长按保存的海报。海报H5的基本功能:接入微信SDK上传照片、拍照裁剪图片将海报模板、二维码、上传的照片合成海报长按保存图片方案选择方案一: 采用第三方的裁剪库PhotoClip,和canvas的drawImage进行合成方案二: 采用第三方的裁剪库PhotoCli...原创 2019-09-01 17:21:28 · 893 阅读 · 2 评论