- 博客(16)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 解决跨域方法笔记
一、后端配置cors响应头缺点 任何人都可以连接该服务要数据二、jsonp借助script 的src属性只能Get请求前后端都得配置麻烦三、nginx四、vue-cli脚手架方式一devServer: { proxy: 'http://localhost:4000' }方式二devServer: { proxy: { '/api': { target: 'http://localhost:9400', ws: tr
2021-08-11 15:58:34
105
原创 router传递参数
今日发现另一种路由携带参数得写法路由配置如下，重要的是:id 以及props:true{ path: '/viewForm/:id', name: 'viewForm', props: true, component: () => import('@/components/FormView.vue'),}路由跳转携带参数:this.$router.push(`/viewForm/${row.id}`)跳转组件直接使用props获取id，
2021-03-10 16:51:04
182
原创 笔记 elementUi el-select下拉框显示label，选中后显示value
需要让select下拉框内容中文显示，选中后只显示其id，实现如下 也可以去掉label属性<el-select v-model="tacheForm.tacheCode" ref="tacheCode" @change="handleTacheCode" :disabled="isView"> <el-option v-for="item .
2021-01-25 14:04:36
2969
1
原创 echarts 按钮与多图表联动
html 部分 <div v-for="d in abnormalColors" :key="d.name" style="cursor: pointer" @click="handleToggleSelected(d.name, d.state);d.state = !d.state"> <div class="colorIcon" :style="'ba
2021-01-12 16:35:50
470
原创 记录echarts图表 x轴与data数据格式匹配问题
x轴data如下xData: ['00:00', '00:01', '00:02', '00:03']一开始series中的data写成如下格式,结果echart图未匹配上，x轴为00:00，y轴为20data: [{ name: '00:01', value: 20}, { name: '00:02', value: 22}, { name: '00:03', value: 28}]解决方案改成 如下格式即可data: [[
2021-01-07 17:37:18
1647
1
原创 2020-12-18 echarts 点击空白区域
echartsgetZr()方法是监听整个画布 配合点击事件使用就可以点击echarts图空白区域 const bimAxisDom: any = this.$refs.threeModelAxis this.bimAxisChart = echarts.init(bimAxisDom as HTMLCanvasElement) let _this = this // 点击 this.bimAxisChart.getZr().on('..
2020-12-18 15:19:09
1409
原创 vue 下载文件JS
axios({ method: data.method, url: `${data.url}`, data: data.formObj, headers: { 'Content-Type': 'application/json', // 设置请求头请求格式为JSON 'authentication': sessionStorage.getItem('token') // 设置token 其中K名要和后端协调好 }, respons...
2020-09-15 13:40:01
243
原创 vue 动态背景（星海）
项目需要做个动态背景 直接放代码html部分<canvas id="space"> </canvas>css: #space { width: 100%; height: 100%; display: block; vertical-align: baseline; position: absolute; z-index: -5; }.
2020-08-04 11:25:43
3662
1
原创 vue iview实现Select远程搜索为选择匹配值失去焦点不清空输入值（项目记录）
刚开始的思路是使用v-model进行双向数据绑定，结果发现这样做之后无法删除输入值。。详细查看了iview api后看到了allow-create属性，输入的时候创建新匹配项再用css将之隐藏，理论上就可以了吧。以下就是实践代码，幸运的是可以满足需求css部门：...
2020-07-28 13:38:47
2776
原创 iview Page分页组件实现失去焦点跳转页码（项目笔记）
现在的iview的Page分页组件跳转页码只能输入页面后点击键盘enter键才能实现跳转，但是现在的需求是输入页码后失去焦点也能实现页码跳转。 最简单的实现方式就是使用element的分页组件，但是此项目一开始就封装iview分页组件了，不想再改成element。那么记录下实现的方式吧，防止以后忘记。。。。。。。。。。简单的思路就是给iview的Page组件增加个失去焦点事件（blur）,但貌似Page组件不能直接使用blur事件，那么就只能靠js给他添加blur事件了，只要使用addEventL.
2020-07-27 11:29:54
745
1
原创 vue笔记 短时间内处理多次请求，只执行最后一次请求问题
今日用了近一个小时解决这个问题。。。。。以后遇到此问题可以直接使用lodash工具库的debounce方法具体可查看官方文档首先用命令行导入lodash接着直接引用工具库 created () { let _ = require('lodash') // 引用 this.setOneGet = _.debounce(this.getSearchCompanyCityI...
2019-11-28 16:20:40
5074
3
原创 vue笔记 修改element组件深层样式
可以用 /deep/ 和 > 搭配使用，指定到需要改变样式的元素， 如下：.el-menu /deep/ .is-active > .left-main-menu { font-weight: 900; }
2019-11-25 17:14:37
604
原创 vue笔记 element分页组件 搜索条件后页码不重置
Iview Page组件页码属性用:current.syncElement-ui Pagination组件页码属性用:current-page.sync
2019-11-25 17:12:11
2669
3
原创 vue 初始化数据（笔记）
data() { return { modelForm: { warningModelId: '', name: '', type: '', orgCode: '', orgName: '' } } }最开始初始化modelForm数据是直接调用this.modelForm = {},现...
2019-11-25 17:05:53
646
原创 在项目中遇到兼容IE问题（笔记）
下载安装babel-polyfill 命令：npm install babel-polyfill --save-g 在main.js 中导入 import ‘babel-polyfill’
2019-11-25 16:52:47
130
原创 **（学习react 笔记）react class类构造函数写super(props)**
在class constructor函数中super指的是父类的构造函数，如在调用super(props)之前使用this.props会直接报错,而在调用后就可以使用this.props。先调用super(props)才能使用this的好处：我们不妨试想下，在调用super(props)之前调用一个函数，起先这个函数内部并没有使用this在一段时间后，因需求的变更，我们需要修改thisT...
2019-09-20 14:29:23
601
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人