vue
关注
分享
扫一扫
文章平均质量分 52
南京小菜
这个作者很懒，什么都没留下…
展开
-
天地图开发指南
天地图开发指南1 申请天地图key1.1 注册账号注册地址：https://uums.tianditu.gov.cn/register1.2 申请开发者登录后 ，申请开发者https://console.tianditu.gov.cn/api/register1.3 创建应用点击控制台，创建应用1.4 天地图key2.0 天地图api使用2.1 创建第一个地图<!DOCTYPE html><html lang="en"><head>原创 2021-11-10 12:01:47 · 10313 阅读 · 6 评论 -
nginx 配置 开发模式和生产模式（实例）
nginx 配置 开发模式和生产模式（实例）在vue项目开发过程中，经常使用的3中状态，mock阶段，开发阶段，生产阶段mock阶段，前端开发过程中， 经常需要构思页面，进行模拟数据的返回 后才采用easkmock开发阶段，有后台接口后，可以根据后台返回来进行前端开发生产阶段，改变ip为生产环境，完成上线一个nginx 完成3个阶段的分发任务，这里只是示例，如果在生产环境，一般单独使用两个为生产服务，形成主备关系server { listen 80;原创 2021-07-06 10:35:39 · 443 阅读 · 0 评论 -
vue中js与css关联的样式，实例解决全局主题色的问题
vue中js与css关联的样式，实例解决全局主题色的问题文章目录vue中js与css关联的样式，实例解决全局主题色的问题1 场景：2 实例：2.1 效果：2.2 页面2.4 js2.5 css部分2.6 iconfont 使用主题色2.7 结束语1 场景：在vue-element-admin框架中，我们要修改统一的主题色2 实例：在tagsview中修改统一的主题色，修改默认样式。2.1 效果：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qC05S原创 2021-07-06 10:22:37 · 632 阅读 · 1 评论 -
网页版md编辑器 mavon-editor支持vue插件
网页版md编辑器 mavon-editor支持vue插件文章目录网页版md编辑器 mavon-editor支持vue插件1 git 主站和文档地址2 使用2.1 安装2.2 使用2.2.1 全局使用2.2.2 局部使用2.3 页面2.4 配置项1 git 主站和文档地址https://github.com/hinesboy/mavonEditor2 使用2.1 安装$ npm install mavon-editor --save2.2 使用2.2.1 全局使用import V原创 2021-07-06 09:52:42 · 3188 阅读 · 0 评论 -
关于el-drawer和el-dialog初始化问题
文章目录在项目开发过程中，我们经常使用el-drawer和el-dialog进行初始化问题，在最近的项目中，有好几个朋友总是问我：你看我在created或者mounted中已经写了组件的初始化工作，为什么就不对呢？现在我们就来说下这两个组件使用的场景：场景：点击按钮，将id传递给子组件，触发el-drawer和el-dialog弹出，远程请求数据，渲染页面。1 分析场景：点击按钮，获取idid 绑定子组件子组件获取id，并通过id 请求远程数据获取数据后渲染子组件2 实际业务难点原创 2021-07-06 09:37:30 · 2829 阅读 · 0 评论 -
vue 修改scss变量值，实现动态换色的效果
.tags-view-container { height: 34px; width: 100%; background: #fff; border-bottom: 1px solid #d8dce5; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 0 3px 0 rgba(0, 0, 0, 0.04); .tags-view-wrapper { .tags-view-item { display: inline-b原创 2021-07-01 09:07:47 · 4149 阅读 · 0 评论 -
sass自学手册
scss 自学手册1 安装分类1.1 不依赖编辑器#全局安装scss预处理器，使用终端命令实现编译node 环境下node-sass模块node 环境下dart-sass模块ruby 环境下的sass模块dart 环境下的sass模块#注：这里是推荐顺序是联系场景，而开发环境下推荐使用dart-sass#本质：某个语言的第三方库或者命令行工具1.2 依赖编辑器IDE 代表webstrom 前提是安装上述1中命令行编译工具，配置自动动命令，另安装一个代理提示插件scss原创 2021-06-30 14:54:39 · 582 阅读 · 1 评论 -
关于vue项目内网穿透问题解决方案
小伙伴们经常回调是接口，或者做一些应用的时候，会用到应用成功后的回调，应为没有公网地址，这里就需要我们做内网穿透，来解决应用的回调问题。如:支付宝支付后 ，需要回调微信支持后，需要回调前端页面做oss照片上传，需要回调。。。。。。1 注册配置隧道内网穿透工具很多，这里我为大家介绍的是natapp软件。（因为可以免费）https://natapp.cn/ 注册，然后实名认真首先，购买隧道，当然也是购买免费的。然后配置这样我们就将本地的9528端口，映射到公网上去了。2 下载启动软原创 2021-06-23 10:20:41 · 6131 阅读 · 9 评论 -
关于vuex状态持久化的问题解决方案
关于vuex状态持久化的问题解决方案在我们vue项目中，经常会用到关于vuex的状态管理。可是我们在刷新页面的时候，悲剧的发现我们之前保存的状态都没有了。那们我们怎么样来实现状态的管理呢？怎么持久化呢？在查找很多资料后，大多数的帖子都是写的是使用注册事件的方式，来解决，比如：原理如下：、1、app.vue中注册监听页面刷新事件2、在页面刷新之前要将state 对象进行转json字符串处理。3、当页面刷新后，在将sessionStore中的state对象进行转对象处理，将state对象与sess原创 2021-06-11 09:10:21 · 569 阅读 · 0 评论 -
vue代理访问api 报错404 502错误解决
vue代理访问api 报错404 502错误解决最近有个项目中，因为访问不到api 接口，导致项目页面不可访问在本地调试中一切显示正常，但是一旦上线就不行:通过调试模式查看接口访问报错404，找不到接口。通过postman 查看接口访问地址没有问题我就猜想是不是因为nginx配置的问题，然后通过实验来测试猜想1 安装nginx并配置配置文件等映射docker run -di --name=liubijun_nginx -p 80:80 -v /root/nginx/log:/var/log原创 2021-03-23 10:58:04 · 3327 阅读 · 1 评论 -
oss 照片图片处理 压缩图
oss 照片图片处理 压缩图OSS 压缩图显示，首先创建规则，如test2原图地址后面加?x-oss-process=style/test2或者原图后面加规则代码 ?x-oss-process=image/resize,m_fill,w_40,h_40/quality,q_50w–>宽度 pxh—>高度 pxq–> 压缩质量 % https://url?x-oss-process=style/test2 https://url?x-oss-proc原创 2021-03-13 09:04:18 · 3504 阅读 · 0 评论 -
vuex 知识点总结
vuex 总结文章目录vuex 总结1 vuex 概述1.1 组件之间的共享数据的方式1.2 vuex 是什么1.3 使用vuex 同意管理状态的好处1.4 数据适合存储到vuex中？2 vuex 基本的使用2.1 安装vuex依赖包2.2 导入vuex包2.3 创建store对象2.4 将 store 对象挂载到vue 实例中2.5 安装vue 环境(安装脚手架)2.6 小技巧3 vuex 核心概念3.1 核心概念概述3.2 State3.2.1 第一种方式3.2.2 第二种方式3.3 Mutatio原创 2021-03-12 10:06:39 · 436 阅读 · 0 评论 -
vue-admin-template 集成 iconfont 实例
文章目录vue-admin-template 集成 iconfont 实例1 下载图标库1.1 将文件拷贝到项目中1.2 修改main.js1.3 iconfont 的使用1.4 效果图vue-admin-template 集成 iconfont 实例1 下载图标库1.1 将文件拷贝到项目中将文件拷贝到项目后的目录结构1.2 修改main.js这里是需要修改main.js,这样iconfont这个资源包，可以被各个模块引用import '@/assets/css/icon/iconfont原创 2021-03-08 09:16:44 · 1323 阅读 · 0 评论 -
vue-admin提交， Required request body is missing:
1.1后台报错，Resolved [org.springframework.http.converter.HttpMessageNotReadableException: Required request body is missingvue-admin-template在提交的时候，有相似的地方export function getList(params) { return request({ url: '/vue-admin-template/role/list',原创 2021-01-07 16:04:17 · 2060 阅读 · 0 评论 -
vue 基础 新手快速入门 实例
vue 基础 新手快速入门 实例文章目录vue 基础 新手快速入门 实例1 镜像切换工具2 创建工程2.1创建新新工程 --vue2.2 创建模块，vue-demo2.3 初始化工程2.4 安装vue2.5 vue页面2.6 vue 浏览器插件3 指令3.1 插值表达式3.2 插值闪烁3.3 指令替换3.4 v-model 数据的双向绑定3.5 v-on3.6 事件修饰符3.7 v-for3.8 ：key3.9 v-if 和v-show3.10 v-bind3.11 计算属性3.12 监控 watch原创 2020-05-21 14:51:27 · 264 阅读 · 0 评论