vue2
xx820702
这个作者很懒,什么都没留下…
展开
-
watch监听
watch监听原创 2022-08-10 17:02:55 · 264 阅读 · 0 评论 -
element ui,监听el-dialog弹框,清除内容和校验规则
element ui,监听el-dialog弹框,清除内容和校验规则原创 2022-08-08 17:21:36 · 758 阅读 · 0 评论 -
vue2中vuex的用法
vue2中vuex的用法原创 2022-08-02 15:34:58 · 509 阅读 · 0 评论 -
vue2安装vue-router,less ,vuex的版本
vue2安装vue-router,less ,vuex的版本原创 2022-08-02 15:34:04 · 6774 阅读 · 0 评论 -
el-table,el-table-column,selection,获取多选选中的数据
el-table,el-table-column,selection,获取多选选中的数据原创 2022-07-28 11:24:30 · 5623 阅读 · 0 评论 -
el-table鼠标移入表格改变显示背景色
el-table鼠标移入表格改变显示背景色原创 2022-07-24 11:03:46 · 2656 阅读 · 0 评论 -
vue2点击显示和隐藏
vue2点击显示和隐藏原创 2022-07-22 15:09:49 · 1068 阅读 · 0 评论 -
el-pagination分页分页设置
el-pagination分页分页设置原创 2022-07-21 12:03:20 · 904 阅读 · 0 评论 -
对数据排序
对数据排序原创 2022-07-21 11:40:02 · 68 阅读 · 0 评论 -
拿出接口数组对象中的所有name值,取出同一个值
拿出接口数组对象中的所有name值,取出同一个值原创 2022-07-21 11:29:57 · 370 阅读 · 0 评论 -
将axios挂载到Vue的原型对象上// 在别的组件中 this.$http
将axios挂载到Vue的原型对象上// 在别的组件中 this.$http原创 2022-07-21 10:13:47 · 345 阅读 · 0 评论 -
vue配置端口号和自动打开浏览器
vue配置端口号和自动打开浏览器原创 2022-07-21 10:01:47 · 349 阅读 · 0 评论 -
el-element日期选择器el-date-picker如何取出开始日期和结束日期的值
el-element日期选择器el-date-picker如何取出开始日期和结束日期的值原创 2022-07-18 17:48:27 · 3847 阅读 · 0 评论 -
统一清除样式表,vue项目放在public文件下,文件名为reset.css,在index.html中引入<link rel=“stylesheet“ href=“<%= BASE_URL %>res
统一清除样式表,vue项目放在public文件下,文件名为reset.css,在index.html中引入原创 2022-07-13 16:08:46 · 203 阅读 · 0 评论 -
怎么更改el-table-column的边框线
怎么更改el-table-column的边框线原创 2022-07-13 10:21:42 · 3598 阅读 · 0 评论 -
显示拼接显示
拼接显示原创 2022-06-29 12:32:36 · 66 阅读 · 0 评论 -
调整elment-ui的表头字体大小
调整elment-ui的表头字体大小原创 2022-06-23 11:57:47 · 4489 阅读 · 0 评论 -
遍历对象及遍历对象里面的数组的对象
遍历对象及遍历对象里面的数组的对象原创 2022-06-22 14:14:37 · 200 阅读 · 0 评论 -
全局事件总线(GlobalEventBus)
全局事件总线(GlobalEventBus)原创 2022-06-20 16:00:46 · 85 阅读 · 0 评论 -
elementui 开关文字显示在开关里面
elementui 开关文字显示在开关里面原创 2022-06-08 23:06:08 · 629 阅读 · 0 评论 -
点击修改按钮判断后端返回数据显示对应内容:如状态 statu:0: “a“, 1: “b“, 2: “c“, 3: “d“, 4: “e“, 5: “f
点击修改按钮判断后端返回数据显示对应内容:如状态 statu:0: "a", 1: "b", 2: "c", 3: "d", 4: "e", 5: "f原创 2022-06-08 12:16:42 · 152 阅读 · 0 评论 -
点击修改按钮判断后端返回数据显示对应内容:如性别,sex : 0-男,1-女
点击修改按钮判断后端返回数据显示对应内容:如性别,sex : 0-男,1-女原创 2022-06-08 11:37:28 · 2784 阅读 · 0 评论 -
vscode注释代码后无法将其折叠,在注释掉的代码前后分别加上//#regin和//#endregion
vscode注释代码后无法将其折叠,在注释掉的代码前后分别加上//#regin和//#endregion原创 2022-06-04 14:04:14 · 942 阅读 · 0 评论 -
vue2响应式,添加删除修改
vue2响应式,添加删除修改原创 2022-06-04 13:52:00 · 386 阅读 · 0 评论 -
vue2和vue3关闭语法检查
关闭语法检查原创 2022-06-03 22:13:11 · 1700 阅读 · 0 评论 -
vue可能电脑不能初始化工程
初始化原创 2022-06-03 21:58:10 · 53 阅读 · 0 评论 -
element ui左右切换导航栏文字显示,定宽高即可实现
<template> <div> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane> <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane&g...转载 2022-05-30 22:51:02 · 839 阅读 · 0 评论 -
vue如何发布阶段移除所有console.log()输出语句
1.下载插件:npm i install babel-plugin-transform-remove-console 2.在babel.config.js文件中引入module.exports = { presets: [ '@vue/cli-plugin-babel/preset', ], plugins:["transform-remove-console"]//这段}原创 2022-05-29 23:09:09 · 166 阅读 · 0 评论 -
vue项目使用进度条 nprogress
1.安装进度条插件 npm install --save nprogress2.main.js导入js和cssimport Nprogress from 'nprogress'import 'nprogress/nprogress.css'import axios from 'axios'//配置请求的根路径axios.defaults.baseURL="http://127.0.0.1:8888/api/private/v1/"// 在request拦截器中,展示进度条Nprog原创 2022-05-29 22:39:43 · 515 阅读 · 0 评论 -
如何在vue中使用echarts,数据可视化图表
1.下载插件npm i echarts2.再main.js中引用// 引入echartsimport * as echarts from 'echarts'Vue.prototype.$echarts = echarts3.在组件中使用<template> <div> <el-card> <!-- 为 ECharts 准备一个定义了宽高的 DOM --> <div id="main" style="wi原创 2022-05-29 22:08:40 · 315 阅读 · 0 评论 -
谷歌控制台看不见发起的网络请求,选择XHR
原创 2022-05-29 17:17:13 · 2634 阅读 · 0 评论 -
vue使用富文本编辑器vue-quill-editor,如下图所示
1.安装插件:npm i vue-quill-editor可参考github官方文档:https://github.com/surmon-china/vue-quill-editorSSR是服务器杜纳渲染方式我们用的是客户端SPA2.在main.js引入// 导入富文本编辑器import VueQuillEditor from 'vue-quill-editor'// require styles 导入富文本编辑器对应的样式import 'quill/dist/quill.c..原创 2022-05-29 14:40:05 · 213 阅读 · 0 评论 -
后台接口字符串转数组
在接接口赋值前先循环处理再赋值回去 res.data.forEach(item=>{ item.attr_vals=item.attr_vals.length === 0 ?[]:item.attr_vals.split(',') }) console.log(res.data) this.manyTableData = res.datathis.manyTableData = res.data...原创 2022-05-29 00:24:23 · 253 阅读 · 0 评论 -
element ui级联选择器只能选三级判断
<el-form-item label="商品分类" prop="goods_cat"> <el-cascader expand-trigger="hover" :options="catelist" :props="cateProps" v-model="addForm.goods_cat" @change="handleChange"> </el-cascader> ...原创 2022-05-28 16:19:04 · 1087 阅读 · 0 评论 -
element ui 步骤条和tab标签
<!-- 步骤条 --> <el-steps :space="200" :active="activeIndex-0" finish-status="success" align-center > <el-step title="基本信息"></el-step> <el-step title="商品参数"></...原创 2022-05-28 15:21:57 · 334 阅读 · 0 评论 -
element ui弹框提示,并发送请求
<el-table-column label="操作" width="130px"> <template slot-scope="scope"> <el-button type="danger" size="mini" icon="el-icon-delete" @click="removeById(scope.row.goods_id)"></el-button> ...原创 2022-05-28 14:03:04 · 668 阅读 · 0 评论 -
给el-input添加清空按钮,点击清空后再重新发请求获取数据
<el-input placeholder="请输入内容" clearable @clear="getGoodsList" v-model="queryInfo.query">原创 2022-05-28 13:53:11 · 2599 阅读 · 0 评论 -
给el-pagination分页器添加背景色
给el-pagination分页器添加背景色只需要加上background即可<el-pagination background></el-pagination>原创 2022-05-28 13:47:52 · 1489 阅读 · 0 评论 -
全局可视化时间过滤器:将接口返回的时间戳转换成标准时间,年月日时分秒,“YYYY-MM-DD hh-mm-ss “格式
在main.js写过滤器Vue.filter('dateFormat', function(originVal) { const dt = new Date(originVal) const y = dt.getFullYear() const m = (dt.getMonth() + 1 + '').padStart(2, '0') const d = (dt.getDate() + '').padStart(2, '0') const hh = (dt.getHours..原创 2022-05-28 12:13:27 · 206 阅读 · 0 评论 -
el-tag和el-input,输入和标签切换使用的方法
<template slot-scope="scope"> <!-- 循环渲染Tag标签 --> <el-tag v-for="(item, i) in scope.row.attr_vals" :key="i" closable >{{ item }}</...原创 2022-05-27 23:01:46 · 3600 阅读 · 0 评论