前端Vue
文章平均质量分 62
斋藤肥鸟
镁铝
展开
-
跨域和解决方案
跨域:什么是跨域:当一个请求url的协议、域名(包括子域)、端口三者之间任意一个与当前页面url不同即为跨域。注:域名和域名对应的ip之间也属于跨域什么是同源策略SOP(same origin policy)是一种约定,是浏览器最核心也最基本的安全功能,否则浏览器容易受到XSS\CSFR等攻击。所谓同源就是指协议+域名+端口三者相同,即使是两个不同的域名只想同一个ip地址也非同源。HTML中的特殊标签<link>, <script>, <img&原创 2021-03-21 16:38:38 · 582 阅读 · 1 评论 -
Vue2.x 中使用vue-awesome-swiper实现自定义轮播图效果(+vue-property-decorator+typescript)
官方资源:swiper:开源免费强大的滑动触摸插件在Vue中使用swiper: 只适用于Vue3.xvue-awesome-swiper :为vue服务的swiper组件项目vue版本:^2.6.11目标效果效果参考网址:https://www.zyfra.com/1.安装依赖注意这里是同时安装了swiper和veu-awesome-swiper的最新版本:npm install swiper vue-awesome-swiper --save如果你需要安装指定版本的需要加上你原创 2020-12-28 18:27:14 · 1720 阅读 · 0 评论 -
vxe-table/vxe-grid组件分页pager模块显示{0}的问题
问题描述:如下图,使用vxe-table组件时候出现如下显示问题:问题分析:首先,项目不是我搭建的,对vxe-table组件的认识我只停留在使用阶段,为了解决这个问题,不得不翻阅了这个组件的源码,获益良多。版本:^3.0.18(npm 如何查看一个包的版本信息?)要解决这个问题你肯定得知道,这个分页的部分是怎么显示出来的,我们在官方文档可以看到,源码中有一个pager组件来实现分页:我们项目中使用的是vxe-grid高级表格,也就是可以通过pager-config属性来设置分页的相关内容。原创 2020-12-23 17:11:23 · 3367 阅读 · 6 评论 -
前端PUT请求后台接收的参数不完整
昨天改一个bug,大致问题是前端发起的PUT请求,参数为ID、pageNo、pageSize(字面意思),然后返回数据总是pageNo=1,pageSize=10条件下的数据,无论我怎么改变传参值,返回数据都是一样。首先纯后台测试没有问题,接口无误。后台(JAVA)接收参数的方法如下,对pageNo、pageSize连个参数没有进行额外的赋值:/** * 订单详情 * 接单明细页面 * @param itemReq * @return */ @AutoLog(val原创 2020-11-27 10:00:35 · 3154 阅读 · 0 评论 -
vue阻止事件冒泡(其他UI框架例如ant-design下的解决方案)
vue中阻止事件冒泡通常只需要在click点击事件加上.stop就可以,像下面这样:<a @click.stop="handleEdit(row)">编辑</a>这是因为:.stop - 调用 event.stopPropagation()。.prevent - 调用 event.preventDefault()。关于vue中v-on指示符的更多用法我们可以参考官方文档,通过给绑定事件添加修饰符,可以实现例如“只在点击右键时触发”、“只在点击左键时触发”等等需求。但是我原创 2020-11-19 10:21:23 · 2676 阅读 · 0 评论 -
vue ant-design表格Table中修改表头单元格样式
我没想到我在这个弱智的问题上花费了一两个小时:我希望修改单独某个表头的样式其实很简单,在官网的第一个例子就给出了答案:我们关注第一列的表头单元格样式,然后去看代码,先来看column的写法:这里的slots就是表头单元格对应的插槽,title用于表示对应的插槽。同样的,scopedSlots是对应列表单元格的,customerRender就是我们要对应的插槽。所以我们可以看到,在<template>中:slot="name"是列表单元格模板,slot="customerTitle原创 2020-10-18 15:35:54 · 12271 阅读 · 0 评论 -
ant-vue项目报错 原因和解决办法
在使用 <a-form> 组件的时候遇到如下报错:You cannot set a form field before rendering a field associated with the value. You can use getFieldDecorator(id, options) instead v-decorator="[id, options]" to register it before render.我希望表单在打开时就能展示默认数据,表单的每个数据项都用v-deco.原创 2020-09-11 16:30:07 · 1787 阅读 · 0 评论 -
前端项目安装依赖报错
今天加入了一个新项目 安装依赖的时候总是报错开始用npm install 总是报错code ENOLOCAL、could not install from "xxxx"然后又尝试了一下yarn install,依然报错An unexpected error occurred: "https://raw.githubusercontent.com/.....查询了很多办法未果,同事说换个node版本就可以了,我本来是12.xx后来换成了8.xx就可以了解决办法查询了很多办法未果,同事说换个nod原创 2020-08-28 16:22:12 · 1816 阅读 · 0 评论 -
vue+typescript+echarts+bmap使用记录
参考:vue+echarts+bmap绘制散点图echartst添加到项目后,我们在node_modules目录下可以看到,echarts已经包含了bmap插件:在需要加入echart地图的组件中引入插件:require("../../../node_modules/echarts/extension/bmap/bmap");单纯的引入bmap,浏览器会报错 BMap is not defined,参考了很多博客,发现需要单独写一个js文件,进行异步操作:export default原创 2020-08-28 15:07:52 · 967 阅读 · 0 评论