随笔分类 - VUE
摘要：需求说明：同一个页面新增时，默认只显示一个选择器（选择器是循环出来的），可以新增、删除、编辑；编辑的时候根据后端返回数据循环显示选择器列表，可新增、删除、编辑； 数据说明：后端默认只返回一级节点的数据，二级数据在点击对应一级节点的时候查询，并设置到一级节点的 children 字段中，我这里只有两级
阅读全文
摘要：本篇说明使用viewport做适配的步骤，rem适配请看vue中实现移动端viewport完美适配vant。 移动端项目主要是根据屏幕大小来动态设置元素的尺寸，需要在项目中安装两个模块：postcss-px-to-viewport。 vant组件官方说明：https://vant-contrib.g
阅读全文
摘要：移动端项目主要是根据屏幕大小来动态设置元素的尺寸，需要在项目中安装两个模块：postcss-pxtorem和amfe-flexible。 vant组件官方说明：https://vant-contrib.gitee.io/vant/#/zh-CN/advanced-usage 模块说明： postcs
阅读全文
摘要：npm常用命令的区别： npm i 是npm install的缩写 module_name是需要安装的模块名称 所安装的模块都会在项目的node_modules目录下 npm i 的安装方式： npm i module_name # 安装模块到项目目录下 npm i module_name -g #
阅读全文
摘要：最近在做公司后台管理系统的时候，涉及到了权限，在通过后台获取到数据后使用router.addRoutes()时不起作用，最终发现左侧菜单组件中的路由是根据this.$router.options.routes来渲染的，最终使用了Vuex中的数据来渲染的； this.$router.options.r
阅读全文
摘要：小程序中传递数组的方式如下，request说明官方文档 1 // 需要对最终传递的数据进行JSON.stringify() 2 wx.request({ 3 url: 'https://xxxx.com.cn/xxxx', // 后台接口地址 4 method: 'post', 5 header:
阅读全文
摘要：之前开发网站的时候，有一个品牌历程的展示，拿到UI后，因为前期着急所以时间线直接用的图片，这样做的话后期在后台增加品牌历程的时候，还需要前台更换图片，比较麻烦，所以空闲的时候自己封装了一个。最终效果图如下： 注：当然使用element-ui组件的时间线也可以实现，就是需要自己改样式，比较麻烦。 功能
阅读全文
摘要：官方地址：https://elemefe.github.io/vue-amap/#/zh-cn/introduction/install
阅读全文
摘要：在vue开发过程中，可能会遇到修改element ui组件样式的时候，无效的问题，在网页检查页面元素的时候发现自己写的样式不生效，原因是因为<style scoped></style>中scoped的问题导致，所以我们需要用到样式穿透： 1、stylus的样式穿透 使用：（>>>） 外层类 >>>
阅读全文
