摘要:
一、需求 一个页面显示多个列表数据,需要改变表头columns参数等 二、问题 1、设置columns之后,因为a-table中的columns、data-source是响应式的,所以可以看到切换渲染是可以正常完成的,数据、表头都是正常的。 2、由于列表数据除了直接取过来显示的之外,还有部分数据需要 阅读全文
摘要:
一、需求 移动端实现用户权限判断,使用 uniapp 二、实现方法 1、拿到用户数据之后,通过参数进行用户身份判断,显示对应的权限 在 app.vue 中调用接口查询用户信息并保存到缓存;在 home.vue 中查询身份信息并判断显示 问题:调用接口拿到数据返回保存在页面加载获取身份信息之后才完成 阅读全文
摘要:
一、需求 需要实现部分页面的内容打印;页面内容为表单,表单中还包括了表格。使用了 a-form 、a-row、a-table 相关组件 二、实现方法 1、安装print-js npm install --save print-js 2、给需要打印的部分设置一个id 例如:我需要打印的是一整个表单内容 阅读全文
摘要:
一、需求 弹窗实现多个tab页的切换,并且表单过长的在弹窗内实现滚动 二、实现方法 1、使用a-tabs实现表单切换 2、使用a-card实现弹窗内滚动,也可以使用css样式实现 a、a-card实现滚动需要设置高度,同时设置竖向可滚动 b、需要滚动的外层设置css样式 3、动态使用子组件,使用 < 阅读全文
摘要:
已删除.git文件 git init git remote add 自己的分支名 url git pull 自己的分支名 远程分支名 --allow-unrelated-histories git add . git commit git pull 自己的分支名 远程分支名 git push --s 阅读全文
摘要:
一、新项目开启 网上的项目视频大多数要什么加好友、评论啥的,我嫌麻烦,还是自己边看边写自己的项目吧。 ps:可能会和参考视频有一些差异。 二、项目创建 先创建项目并进行一些安装配置: 1、npm create vite@latest ->输入项目名称->选择vue->选择ts->根据提示进行 2、安 阅读全文
摘要:
一、需求 在图片上传之前,使用图片裁剪工具裁剪图片,使其上传的图片比例一致(反正就是需要裁剪这么个操作) 二、使用插件实现功能 1、安装Vue-cropper npm i vue-cropper@next 2、复制下列代码,使用插件进行裁剪 文件结构为 upload.vue <template> < 阅读全文
摘要:
一、需求 在uniapp编写的微信小程序中获取到用户的定位(简单版) 二、方法及使用时遇到的问题 1、从微信开放文档中了解到微信小程序中获取用户的定位可以使用wx.getLocation 2、直接使用文档中的示例代码,并在文件目录的 pages.json 中进行 requiredPrivateInf 阅读全文
摘要:
一、前情提要 注:只适用于个人,已安装node、修改过淘宝镜像等前期准备工作。 因此直接开始进行项目创建 二、创建新项目 1、先创建一个文件夹,也可以通过VSCode打开已有文件夹。(此文件夹为新创建项目的上级文件夹) 2、选中打开的文件夹,点击右上角打开终端,也可以通过查看打开终端 3、切换Com 阅读全文
摘要:
一、下载安装 官网下载安装包,直接进行安装,一直点击下一步即可安装成功。 注:不想安装在c盘,直接点击浏览更改安装位置即可 二、插件安装 因为是基于已有webstorm配置,并且运行过vue项目。关于运行vue项目的相关配置项不再需要进行安装,所以只进行提高使用舒适度的插件安装。 三、用途 目前vs 阅读全文