随笔分类 - vue
记录使用vue中的点点滴滴
摘要：组件库搭建封装的一些想法 最近一直在进行组件封装开发，在这儿记录一下开发心得。 组件进行二次封装 对于element-ui，大家应该都有使用过，而每次开发都需要设置一些默认值，或者多个组件需要进行组合使用...，对于这些每次开发都需要设置一遍，而且每个人的开发风格不同，导致一些本应该有的小功能，没能
阅读全文
摘要：vuex的mutations与actions的使用测试 这里不谈vuex如何使用等问题，只讨论 mutaions 中定义的方法需要在 actions 中进行转发一下吗？ mutations: { muFn (state, data) { state.data = data } } actions:
阅读全文
摘要：解决Element-u的 el-form 使用 v-if校验失灵问题 在 element-ui 的校验过程中，鉴于使用自带的校验方式，繁琐且麻烦，因而使用了 element-ui-verify 的插件。但是现在碰到一个新的问题，不知道具体是哪块问题，看了两个的源码，想使用 element-ui 自带
阅读全文
摘要：element ui select 下拉框位置错乱 由于使用 element ui 的 组件时，下拉框的位置错乱了。 开始查找问题 通过各种问题查找，发现是 问题 css html 最初是使用 来解决，但是由于父元素使用了 (避免改变布局结构)，而导致下拉框在父元素内部。 总结 通过上面的方式，有两
阅读全文
摘要：随着项目不断变大，页面变多，搜索条件也随之也越来越多，而每次跳转页面再返回时，之前的筛选的条件都会别清空。之前在 "elment ui table组件 远程筛选排序" 提到过缓存，但是有所取巧，这次重新用另一种方式进行实现，或者说是更加合理一些。 场景需求 如何使页面跳转后回来时输入框中输入的值依旧
阅读全文
摘要：vue render 渲染函数 经常看到使用 渲染函数的示例，而且在一些特殊情况下，确实更好使用，可以更加有效地细分组件，因而借助 " " 来学习一波 render函数分析 + 函数式组件 + 基础的使用方式 针对 "Link.vue" 进行改造 Link.vue 上述方式打开了一个新的使用方式，这
阅读全文
摘要：权限控制（vue） 经常会遇到，角色权限控制问题，若是页面控制，倒好说，可如果是当前页面部分可见不可见，这就有些麻烦，如果加上条件就更加苛刻。之前只是简单的 进行控制，如今想试试指令（网上一直有这些操作方式） 参考 参考了 "vue element admin 指令" 应用场景 + 权限控制 dom
阅读全文
摘要：vue eslint 规范配置 " " 为了代码格式统一，避免一些低级或者不合理的错误，现强行使用 " " 的 " " 规范 项目配置 目前都是使用 vue 提供的脚手架进行开发的，虽然 " " ,但是公司因为配置了OAuth的缘故，暂时还是只能使用 , 因而当前配置会结合两个版本进行阐述 目的 可
阅读全文
摘要：vue表单校验（三） 每当看到 "heyui" 的这个表单校验，我就一直想将element的校验也做类似的功能，终于有了方式，虽然不是很完美，但是可以使用，能满足要求了 实现方式 基于 实现 通过表单提交时，触发校验，未通过的表单会添加 ,之后滚动到对应的错误位置即可 页面视图 实现逻辑 + 触发条
阅读全文
摘要：vue中如何实时修改输入的值 经常看到需要对用户输入的值进行实时修改，有时是需要修改为指定的展示内容，有时候是用来校验，禁止用户输入非法数据，总之是一个常见的需求吧，只是自己一直没有特意去关注。思来想去还是有必要了解一下。 操作方法 一直听说各种方式，记得最深的便是利用 的计算属性，通过 和 来进行
阅读全文
摘要：elment ui table组件 远程筛选排序 基于 table组件 开发，主要请求后台实现 筛选 排序 的功能。 需求 + 排序 筛选 是对后台整个数据进行操作，而不是对当前页面的数据进行操作 + 若是其关联的下一级页面，（eg：点击查看编辑时，再返回当前页面时，保留之前筛选，或排序条件），否则
阅读全文
摘要：vue 表单校验（二） vue element ui表单校验 由于现在使用 进行form表单校验，因而使用其自带的校验规则进行校验，发现有些并不是那么好校验，或者说是校验起来很繁琐，因而一直在研究中 表单校验分类 前后端校验 + 前端校验 + 后端校验 这种目前一般是结合起来使用，很少单纯前端校验，
阅读全文
摘要：vue cli如何添加多种环境变量 目前webpack(vue cli) 打包有两种变量， , , 如何添加一个 的测试环境呢 vue cli 3.0 vue cli3.0简化了业务需求，没有那么多额外的配置，目前想改变环境变量，官方 "默认如此" , 网友 "1" 官方默认两种类型 `produc
阅读全文
摘要：为了兼容IE "github" [vuex] vuex requires a Promise polyfill in this browser. js转义 需要转义的第三方库 总结 + 需要考虑很多，虽然vue是支持ie9，但是引用的库，并不一定考虑ie9。
阅读全文
摘要：vue spa如何做seo优化 突然来了一个需求，对已有的项目做SEO优化，WHAT？ 总所周知，spa对seo不够优化，因而官方考虑到直接使用 "ssr" 一个不算解决办法的办法 "prerender spa plugin" 参考资料 "1" ， "2" 总结 + 打包时间真心长，很不适合做seo
阅读全文
摘要：表单校验 一 最近使用elment ui表单进行各种校验，心力交瘁，依旧不能很好地解决，先列出自己的归类，后期一个个攻破 + 表单校验 "史" 表单校验准则 + 参考资源 "1" "2" "3" "4" "5" + 第一种 显示明确的错误消息。 放宽输入格式。 指出错误发生的位置（特别是在大型表单中
阅读全文
摘要：sass 全局变量使用 忽然想定义一个变量，但是却需要每个 .vue 文件都需要单独引入这个全局变量才可以，导致很多重复不必要的工作，因而得寻找一种可以任何地方都可以访问的方法 借助换肤这个功能 sass-resources-loader /** vue-cli3.0 ** // vue.confi
阅读全文
摘要：记录vue中一些有意思的坑 在出现这个之前，我一直纠结于 是如何使用 或者不使用它，通过类似的 来实现。结果却出现这个问题，吓得我赶紧使用 ，结果问题依旧存在。心里拔凉拔凉的 解决方案 + 在查看别人方案时，才发现是自己为了不使用他人插件，只单纯拿其数据，不曾想，数据源过大，导致编译过程时间过长，把
阅读全文
摘要：vue router 该如何使用 忽然碰到一个常见的问题，明明可以使用 v if / v show 可以的解决的问题，有没有必要是使用 vue router来解决。 比如常见的 tab 切换。一时间，我有些犹豫了，有没有必要滥用 vue router。那到底何时用才叫合理呢？ 先上代码，用两种方式实
阅读全文
摘要：使用axios 报 可能是许久没有用vue了，有些生疏，加上尝试之前总结的思路，这次在项目上实现时，碰到的问题。让人有些懵，不知所措，还是需要项目来稳住我这漂浮的心 先抛出错误 一般不外乎语法错误，或者没有这个值，结果我debugger 等，都没能有效的找到原因所在，只能大量搜索，终于碰到一个可能跟
阅读全文
