![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
万古长空如长夜
这个作者很懒,什么都没留下…
展开
-
解决跨域方法笔记
一、后端配置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 阅读 · 0 评论 -
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 阅读 · 0 评论 -
笔记 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 · 2971 阅读 · 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 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 · 2778 阅读 · 0 评论 -
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 · 5083 阅读 · 3 评论 -
vue笔记 修改element组件深层样式
可以用 /deep/ 和 > 搭配使用,指定到需要改变样式的元素, 如下:.el-menu /deep/ .is-active > .left-main-menu { font-weight: 900; }原创 2019-11-25 17:14:37 · 604 阅读 · 0 评论 -
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 阅读 · 0 评论