随笔分类 -  VUE从入门到放弃

摘要:思路:登录后请求用户信息接口,后端返回用户信息中包括权限数组,数据格式be like: 前端对用户信息进行存储(对没错又是假接口): // 获取用户信息 async getUserInfo(mobile) { try { this.loading = true; const res = await 阅读全文
posted @ 2023-09-14 14:26 芝麻小仙女 阅读(596) 评论(0) 推荐(1) 编辑
摘要:首先参阅了以下文档: https://panjiachen.gitee.io/vue-element-admin-site/zh/feature/component/excel.html#excel-%E5%AF%BC%E5%87%BA https://blog.csdn.net/weixin_42 阅读全文
posted @ 2023-09-13 10:46 芝麻小仙女 阅读(385) 评论(0) 推荐(0) 编辑
摘要:先在components下分别创建侧边栏、顶部、布局等组件,用于全局配置: CommonAside.vue <template> <el-menu class="el-menu-vertical" background-color="#282e38" text-color="#f4f4f5" act 阅读全文
posted @ 2023-09-12 17:54 芝麻小仙女 阅读(2137) 评论(0) 推荐(0) 编辑
摘要:准备开始 1. 安装node (node -v查询版本号) (下载地址:https://nodejs.org/en/download/) 2. 安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 3. 安装 we 阅读全文
posted @ 2023-09-09 17:44 芝麻小仙女 阅读(2442) 评论(0) 推荐(0) 编辑
摘要:1.主页面中导入浮动导航栏(使用vant的粘性布局sticky组件,使首屏下方的导航栏随页面滚动浮动在想要的位置): <template> <div class="app-container"> <!-- 浮动导航 --> <van-sticky style=" z-index: 1; positi 阅读全文
posted @ 2023-06-16 15:03 芝麻小仙女 阅读(2028) 评论(0) 推荐(0) 编辑
摘要:需求: 点击弹出一个弹窗,其中是某个作品内容的海报,需要呈现作品的内容+二维码 思路: 获取作品内容渲染到弹窗中,生成包含分享链接的二维码,将整个界面转为图片,用户可以长按保存,并扫描识别。 方案及步骤: 1.引入html2canvas实现生成图片的功能 npm install --save htm 阅读全文
posted @ 2023-06-16 13:47 芝麻小仙女 阅读(449) 评论(0) 推荐(0) 编辑
摘要:前期准备 飞书官方客户端文档:https://open.feishu.cn/document/home/intro 飞书官方工具资源文档:https://open.feishu.cn/document/uYjL24iN/uEzMzUjLxMzM14SMzMTN/develop-gadget-with 阅读全文
posted @ 2023-02-01 14:34 芝麻小仙女 阅读(2292) 评论(0) 推荐(1) 编辑
摘要:一丢丢webpack的打包配置 首先在根目录中找到vue.config.js,这就是本项目的配置文件,可以看到初始是: 1 const { defineConfig } = require('@vue/cli-service') 2 module.exports = defineConfig({ 3 阅读全文
posted @ 2022-06-14 17:22 芝麻小仙女 阅读(1708) 评论(0) 推荐(0) 编辑
摘要:在设计图中要求的效果为: 文字限制超过9行即隐藏,并显示“展开”按钮,点击按钮进行切换,控制文本全部展示和部分展示 在原本的实现过程中,使用了红框内的判断方式: 页面代码: 样式则规定嵌套元素给一个死高度,通过对比来进行高度的修改 但是 发现打包以后,文字会出现被切割的情况,如下: 奇了怪了,又没规 阅读全文
posted @ 2019-03-15 11:57 芝麻小仙女 阅读(7749) 评论(0) 推荐(0) 编辑
摘要:遇到列表中需要给弹框赋默认值并且关闭后需要清空数据+清除验证时可以这么写: 阅读全文
posted @ 2019-03-14 19:07 芝麻小仙女 阅读(2375) 评论(0) 推荐(0) 编辑
摘要:假如数据格式是这样的: 文案的字段名和数据的字段名完全对应,我们在处理数据的时候,就可以用: 完美: 阅读全文
posted @ 2019-03-07 15:22 芝麻小仙女 阅读(422) 评论(0) 推荐(0) 编辑
摘要:父组件:引用了ComBack组件 ComBack组件:引用了BasicInfor组件 先使用props获取父组件的headInfo这个对象,这里注意(default)默认返回值要用工厂形式返回 BasicInfor组件:获取到父组件的数据后,可以直接使用 阅读全文
posted @ 2019-03-06 15:47 芝麻小仙女 阅读(777) 评论(0) 推荐(0) 编辑
摘要:上一篇其实没写完。 好吧这一篇其实也没啥。 就补充一些上一篇没写完的。(随时害怕笔记本丢失的人) 上一篇写完了登录验证的跳转,这一片首先补充一下接口(?)。 在使用axios的过程中,我们家后台表示你发给我的post请求,我收到的是文本,所以需要你那边new一个formdata。omg,好的,我ne 阅读全文
posted @ 2018-07-23 10:39 芝麻小仙女 阅读(678) 评论(0) 推荐(0) 编辑
摘要:首先记录一下命令。 这是一个睿智新手的笔记。 p.s.这是配置好环境以后的命令。 $ npm install -global vue-cli //手脚架先装好 $ vue init webpack my-project //创建个存放项目的目录 $ cd my-project //进入此目录 $ n 阅读全文
posted @ 2018-07-20 14:28 芝麻小仙女 阅读(406) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示