
Vue
文章平均质量分 58
Vue工作开发中问题解决方案
在荒野的梦想
技术支持+1991477677
展开
-
Vue 点浏览器后退 模态框有灰色遮罩,监听返回键 this 无效
监听返回键,遇到的问题是直接用 this.xxx 无效,原因是此处 this 非彼处 this,需要把 this 绑定下,如方法一;当然也可以用 low 点方法,如方法二。原创 2022-08-23 10:17:11 · 501 阅读 · 0 评论 -
Vue中Axios的封装和API接口的管理
在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性,例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource的维护,直接推荐我们使用axios库。如果还对axios不了解的,可以移步axios文档。安装引入一般我会在项目的src目录中,新建一个request文件夹,然后在里面新建一个http.js和一个api.js文件。ht原创 2022-07-09 14:21:00 · 515 阅读 · 0 评论 -
Vue+Element-UI根据浏览器大小动态设置el-table的高度,实现自适应
一、页面渲染<template> <div class="app-container"> <div style="background-color:green;padding:20px;margin-bottom:30px"> <el-table :data="table1_info.tableData11" style="width: 100%;" border :heigh原创 2022-04-29 11:09:36 · 3949 阅读 · 0 评论 -
更多css技巧
一、三角形/** 正三角 */.triangle { width: 0; height: 0; border-style: solid; border-width: 0 25px 40px 25px; border-color: transparent transparent rgb(245, 129, 127) transparent;}/** 倒三角 */.triangle { width: 0; height: 0; border-style: solid;原创 2022-04-29 10:39:49 · 136 阅读 · 0 评论 -
Vue中如何使用百度地图
一、安装vue-baidu-mapnpm install vue-baidu-map --save二、全局注册(也可以局部注册,具体参考vue-baidu-map文档)import Vue from 'vue'import BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, { // ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */ ak: 'YOUR_APP_KEY原创 2022-04-29 10:19:22 · 5013 阅读 · 6 评论 -
Vue 项目的权限管理(详讲)
一、首先,权限管理⼀般需求是两个:⻚⾯权限和按钮权限。权限管理⼀般需求是⻚⾯权限和按钮权限的管理具体实现的时候分后端和前端两种⽅案:前端⽅案会把所有路由信息在前端配置,通过路由守卫要求⽤户登录,⽤户登录后根据⻆⾊过滤出路由表。⽐如我会配置⼀个 asyncRoutes 数组,需要认证的⻚⾯在其路由的 meta 中添加⼀个 roles 字段,等获取⽤户⻆⾊之后取两者的交集,若结果不为空则说明可以访问。此过滤过程结束,剩下的路由就是该⽤户能访问的⻚⾯,最后通过 router.addRoutes(acces原创 2022-04-20 10:24:28 · 8528 阅读 · 0 评论