![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
追风筝的少女
在走过的路上留下脚印,以便之后少走点弯路!
展开
-
vue项目使用ajax
<el-button type="primary" icon="el-icon-plus" size="small" @click="openadd()">新增</el-button> $.extend({//ajax全局调用 jsonAjax: function (options, callbackSuc, callbackErr) { options = $.extend(options, {"_r": Math.random()}); .原创 2022-02-28 13:57:48 · 3463 阅读 · 0 评论 -
element-ui表格相关内容及功能
<template> <div class="user_content"> <div class="user_add"> <el-button type="primary" plain @click="dialogFormVisible = true" >新增用户</el-button > </div> <el-table//分页功能必须加的内容 .原创 2021-11-10 11:26:50 · 416 阅读 · 1 评论 -
echarts出现宽度变成100px的情景及解决方案
1.tab页切换echarts图表时图表变形var charts=new Array();myChart.setOption(option);charts.push(myChart);//普遍的tab切换 $(window).resize(function() { for(var i = 0; i < charts.length; i++) { charts[i].resize(); }原创 2021-11-02 15:43:52 · 1333 阅读 · 0 评论 -
vue-ip地址池
<div class="ip_spread"> <div v-for="(item, index) in rowData" :key="index" class="row"> <div class="label">{{ item[0] }}</div> <div class="content"> <div v-for="(sitem,原创 2021-05-18 14:44:08 · 186 阅读 · 0 评论 -
vue-表格中转换日期格式
<table> <thead> <tr> <th>日期</th> </tr> </thead> .原创 2021-05-18 09:55:20 · 518 阅读 · 0 评论 -
vue3-element-plus项目可能会用到的一些组件封装
1.关于图片+文字的封装<el-col :span="8" v-for="(item, index) in main_title" :key="index" class="main_title" > <img :src="require('../assets/image/icon/' + item.img + '.png')" class="img"原创 2021-05-13 10:32:29 · 1355 阅读 · 0 评论 -
vue表格增删改操作
<el-dialog title="新增IP类型" v-model="dialogFormVisible" width="30%"> <el-form :model="form"> <el-form-item label="类型" :label-width="formLabelWidth"> <el-input v-model="form.type"></el-input> </el-for..原创 2021-04-30 16:09:49 · 246 阅读 · 3 评论 -
vue3引入axios和mock获取本地数据
首页在src文件下新建文件axios.js内容import axios from 'axios'// import { ElMessage } from 'element-plus'// import router from '../router'import NProgress from 'nprogress'import 'nprogress/nprogress.css'axios.defaults.baseURL = process.env.NODE_ENV === 'product原创 2021-04-21 09:37:26 · 1304 阅读 · 0 评论 -
vue+element的表格分页和多个搜索框功能
结合其他大佬的写法和自己的理解修改的<template> <div> <el-input v-model="tableDataName" placeholder="请输入姓名" ></el-input> <el-input v-model="tableDataPer" placeholder="请输入地址"></el-input> <el-button type="primary" @click="d原创 2021-03-30 13:46:20 · 1518 阅读 · 0 评论 -
vue-element树形控件增删改
<el-button type="primary" icon="el-icon-plus" style="margin: 10px" v-show="treeData.length == 0" @click.enter="addParentLevelNode" >新增</el-button > <el-tree :data=原创 2021-03-09 11:44:51 · 1195 阅读 · 1 评论 -
vue-element循环遍历加数据加图片
<el-col :span="4" v-for="(item, index) in main_title" :key="index" class="main_title"> <img :src="item.img" class="img"> <div> <p class="title">{{item.title}}</p> <p c原创 2021-03-04 11:07:55 · 1112 阅读 · 1 评论 -
vue-element中表格加分页
<el-table :data=" tableData.slice( (currentPage - 1) * pageSize, currentPage * pageSize ) " style="width: 100%" > <el-table-column type="index" lab原创 2021-03-04 10:47:58 · 543 阅读 · 1 评论 -
vue同时渲染多个echarts图表
第一步 下载echartsnpm install echarts – save第二步 引入echarts在main.js中加入import * as echarts from “echarts”;第三步 用着你需要的页面上 <el-col :span="8" v-for="(item, index) in list" :key="index"> <div class="myChart" :style="{ height: '300px' }"></di原创 2021-03-04 10:23:07 · 4700 阅读 · 4 评论 -
vue中添加echarts
第一步 下载echartsnpm install echarts – save第二步 引入echarts在main.js中加入import * as echarts from “echarts”;第三步 用着你需要的页面上<div id="mychart" :style="{width:'100%', height: '400px' }"></div> mounted () { this.drawLine(); }, method原创 2021-03-04 10:18:13 · 358 阅读 · 1 评论 -
vue-element侧边二级导航栏
<el-menu background-color="#545c64" text-color="#fff" :unique-opened="true" active-text-color="#ffd04b" router > <div v-for="(item, index) in list2" :key="index"> &原创 2021-03-04 10:09:06 · 1182 阅读 · 2 评论 -
vue3-elementplus项目的创建
第一步 vue create demo(项目名)第二步 选配置default默认配置,manually手动配置,一般选手动根据自己项目需求选择相应的选项,空格选择,a全选babel—转码typescript—tsProgressive Web App (PWA) Support—支持渐进式Web应用程序(PWA)router—vue-routervuex—vuexCSS Pre-processors—css预处理Linter / Formatter—代码风格检查和格式化Unit原创 2021-03-04 09:57:23 · 1132 阅读 · 3 评论