- 博客(26)
- 收藏
- 关注
RSS订阅原创 封装 element el-dialog 弹框
父组件使用<template> <div> <el-dialog :parentDialogVisible.sync="parentDialogVisible" /> </div></template> <script>import ElDialog from "./ElDialog.vue";export default { components: { ElDialo
2022-05-10 21:05:53
606
原创 封装 element el-pagination 分页
父组件使用<template> <div> <el-pagination :total="tatal" :pageNum.sync="params.pageNum" :pageSize="params.pageSize" @pagination="pagination" /> </div></template> <script>import ElPag
2022-05-10 20:52:34
405
原创 vue :src :style 动态渲染本地图片,页面无反应
require('里面必须拼接文件路径/一级也可以')<img :src=""> 同理 <div :style="{background:'url('+require('@/assets/images/situation/'+item.url)+') no-repeat'}"> </div>
2021-12-30 19:33:05
602
原创 vue 全局Dialog关闭 内容置空
main.jsVue.prototype.$reset = function(formRef, ...excludeFields) { if(formRef){ this.$refs[formRef].resetFields(); } let obj1 = this.$data; let obj2 = this.$options.data.call(this) if(!excludeFields || excludeFields.length =
2021-12-28 12:45:05
630
原创 vue 封装全局filter
src filters index.jsconst stateInfor = val =>{ if(val == null || val == undefind || val == ""){ return "--" }else{ return val }}main.jsimport filters from "@/filters/index"Object.keys(filt...
2021-12-28 11:51:47
336
原创 Unknown custom element: ＜＞ - did you register the component correctly? ......
Unknown custom element: <el-page-header> - did you register the component correctly? For recursive components, make sure to provide the "name" option注册组件时写成懒加载模式components: { appHeader: () => import("@/layout/common/appHeader")}..
2021-12-22 11:43:44
1145
原创 echarts tooltip formatter callback
formatter: function(params, ticket, callback) { let out = ""; findShip(param:params.name).then(res => { let {data} = res; out += `<div>${params.seriesName}</div>` data.forEach(item=>{ out += `&.
2021-12-09 16:40:07
1069
转载 openlayer 动态切换瓦片url
<!DOCTYPE html><html> <head> <title>栅格瓦片切换</title> <meta charset="utf-8"> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="description" content="this is my page"> &.
2021-12-08 16:50:29
457
原创 element table check 表格跨分页多选
<el-table row-key="id"> <el-table-column type="selection" reserve-selection></el-table-column></el-table>
2021-11-12 10:43:10
459
原创 element table 复选框样式不变 改为单选
<el-table :data="tableData" ref="selectTable" @row-click="rowClick" @selection-change="handleSelection"></el-table>rowClick(val) { this.$refs.selectTable.toggleRowSelection(val)}handleSelection(val) { if(val.le.
2021-11-10 14:50:24
357
原创 vue axios封装 直接使用
utils => request.jsimport axios from "axios";import { Loading, MessageBox, Message } from "element-ui";import store from "@/store";import { getToken } from "@/utils/auth";let loading = null;let needLoadingRequestCount = 0;let count = 0;funct
2021-11-09 18:58:03
174
原创 vue+element 左侧菜单栏+Tab页访问本地页面
<template> <div class="navbar"> <el-tabs v-model="activePage" type="card" closable @edit="editPage" @change="changePage" > <el-tab-pane :key="item.fullPath" v-for="item in pageList" :label="item.meta.title" :name="ite...
2021-10-26 19:08:39
921
1
原创 vue 获取当前路由的子路由
// 获取当前路由的子路由 routes(){ var routes = { children: this.$router.options.routes }; var route = this.$route.matched; for(var i=0; i<route.length-1; i++){ routes = routes.children.find((e) => (e.name == ...
2021-10-09 14:35:06
2549
转载 vue input输入框 回车会刷新页面
问题描述：在vue项目开发时，运用element-ui或者iView组件的Form组件；当Form组件中只有一个Input组件时，鼠标聚焦输入框后，点击回车键，页面就会刷新。例如以下代码：<el-form ref='login' :rules='rules' :model='form' style='width:100%;' > <el-form-item prop='userID'> &...
2021-09-09 16:05:38
590
原创 前端实现导入导出excel的功能
导入export function importExcel(params){ let formData = new FormData() for(var key in params){ FormDataEvent.append(key,params[key]) } return axios.post("/api","/importExcel",formData)}<template> <div> <el-upload acti
2021-09-09 15:59:03
585
原创 vue 后台返回文件流 前端导出excel
方法一this.$http({ url: '/pod/vehicle/alarmEvent/exportGet', method: 'get', responseType: 'blob', // 表明返回服务器返回的数据类型 headers: { 'Content-Type': 'application/json' }, data: { //接口参数 }}).then((res)=>{ //创建一个
2021-08-18 14:46:59
258
转载 elementUi tree回显后台返回数据包括父节点时,将勾选全部节点,出现混乱
elementUi tree 有一个半全选和全选的状态,当你用于回显选中状态时就会出现混乱当后台返回数据只有子节点时,回显显示正常,父节点是半选状态当后台返回数据包含父节点子节点时,不好意思,乱了,无论你的子节点有多少个,只要有父节点,会全部勾选<el-tree ref="menuListTree" :data="data" show-checkbox node-key="id" :default-expanded-keys...
2021-08-13 17:17:58
1603
2
原创 elementUI tree组件只能获取选中的子节点,而无法获取选中子节点的父节点
this.$refs.tree.getCheckedKeys().concat(this.$refs.tree.getHalfCheckedKeys())
2021-08-13 16:50:57
2049
原创 修改el-menu样式
<template> <div class="statistics"> <el-menu class="el-menu-son" mode="horizontal" :default-active="activeMenu" router> <el-menu-item index="/statistics/page/echartOne"> 统计分析1 </el-menu-item> &.
2021-08-13 09:29:06
3290
原创 vue+echarts点击toolbox工具栏切换数据源
<template> <div :class="className" :style="{height:height,width:width}" /></template><script> import echarts from 'echarts' import resize from './mixins/resize' export default { mixins: [resize], props: { .
2021-08-11 17:38:01
1321
原创 v-show无法隐藏el-table-column列
v-show起作用的本质是利用display:none控制隐藏element-ui table组件el-table-column的td是利用了display: table-cell 控制显示而display：table-cell的优先级又高于display：none，所以v-show失效
2021-08-10 16:21:04
1124
转载 码云上传项目
1，首先在码云上新建一个项目，如下图所示2，本地新建一个文件夹3，进入新建的文件夹，点击鼠标右键，选择git bash here然后在窗口输入 git init 这时候文件夹会多出一个.git文件夹，看不到文件夹的，点击鼠标右键选择“显示不显示隐藏的文件”就可以看到这个文件夹了4，进入刚刚在码云新建的项目里，复制框框里的路径5，然后在回到本地新建的文件夹里继续操作git 输入git remote add...
2021-08-05 16:50:30
227
原创 vue element-table点击行高亮,切换page页后依然高亮
<el-table :row-class-name="rowClass"></el-table>rowClass({row}){ if(this.clickToId = row.id){ return "rowClassHight"; }}.el-table ::v-deep .rowClassHight{ background : red;}this.clickToId => 当前page页选中行高亮Id...
2021-07-27 14:32:37
476
原创 vue element 表单验证 不能含有特殊字符
data() { let validateInput = (rule, value, callback) => { if (!this.checkSpecialKey(value)) { callback(new Error("不能含有特殊字符！！")); } else { callback(); } }; return { form: { inputText: "" },.
2021-07-27 14:10:09
2431
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人