vue学习
文章平均质量分 58
金刚大力士
写博客不是为了博眼球
展开
-
el-table点击上下排序箭头进行整体列表排序
el-table点击上下排序箭头进行整体列表排序原创 2022-10-24 11:37:00 · 1338 阅读 · 1 评论 -
前端如何在table表格的表头上增加可点击的下拉框
前端如何在table表格的表头上增加可点击的下拉框原创 2022-08-11 17:33:06 · 1937 阅读 · 0 评论 -
vue项目中debugger调试看不到源码
在修改vue项目的问题时,发现代码里面输入debugger后,在浏览器点击操作发现可以进入断点,但显示的是已经压缩好的代码,无法看到源码。解决方案:1 打开vue.config.js文件, 修改productionSourceMap: true,1 打开vue.config.js文件,添加 devtool: "cheap-module-source-map", 然后重启项目。...原创 2022-04-21 16:59:06 · 5370 阅读 · 1 评论 -
vue前端修改用户密码验证密码格式
<el-dialog title="修改密码" :visible.sync="dialogFormVisible" class="updatepwdbox" :before-close="cancelform" :close-on-click-modal="false"> <el-form :model="pwddata" label-width="100px" status-icon :rules="rules2" ref="ruleF...原创 2021-03-24 14:56:20 · 2006 阅读 · 0 评论 -
vue注册用户前端验证登录信息格式
<template> <div class="registerpage"> <div class="register-header"> <div class="logo"> <div class="img"> <img src="../assets/logo.png" /> ...原创 2021-03-24 14:50:27 · 495 阅读 · 0 评论 -
vue项目upload上传文件验证文件类型
需求:点击上传附件 上传同时就要验证是否为doc文件同理 可验证xls,md,html等文件 <el-form-item label="附件:" v-show="taskfileshow" prop="file"> <el-button type="primary" plain @click="clickupload()" :disabled="updateinfo">上传附件</el-button> ...原创 2021-03-10 17:54:24 · 1692 阅读 · 0 评论 -
前端过滤加模糊查询/模糊查询(不区分大小写)
<template> <el-container> <el-aside width="350px" class="elAside"> <div class="leftTop"> <img src="../assets/guowanglogo.png"/> <el-input v-model="filterText" placeholder="请输入要搜索的...原创 2020-06-28 15:10:29 · 2427 阅读 · 0 评论 -
VUE项目中前端如何自己处理返回的时间戳
写博客不是为了博眼球 而是为了记笔记格式为 年-月-日 时:分:秒 2019-10-10 14:27:10特别要注意后端返回的时间戳单位 此处为处理毫秒 如果是秒 需要将返回结果乘以1000 <el-table-column prop="firstTime" label="發現時間"> ...原创 2019-10-12 11:47:51 · 820 阅读 · 0 评论 -
Vue实现用户登录及token验证
写博客不是为了博眼球 而是为了记笔记请勿复制全部代码防止错乱,这里放源码是为了个人做笔记 //登录 login: params => { return API.POST('/accounts/login', qs.stringify(params)) } login.vue里 <template&...原创 2019-10-09 15:13:20 · 1413 阅读 · 0 评论 -
特殊日历
写博客不是为了博眼球 而是为了记笔记 <div class="inlineBlock"> <el-date-picker v-model="time1" type="daterange" ...原创 2019-10-08 15:18:38 · 804 阅读 · 0 评论 -
两种方法实现 返回上一页 按钮功能
写博客不是为了博眼球 只是为了记笔记返回上一页 按钮第一种:<el-button type="success" class="btn-success" @click="$router.back(-1)">返回上一页</el-button>第二种;<el-button type="success" class="btn-succes...原创 2019-07-02 10:34:12 · 4113 阅读 · 0 评论 -
vue+elementUI项目知识点整理
常见知识点说明v-if和v-show的区别是什么呢?1.v-if:是条件渲染,每次都会重新删除或者创建元素,v-if有较高的切换性能消耗。2.v-show:每次不会重新进行DOM删除和创建操作,只是切换元素的display:none样式,有较高的初始渲染消耗。提示:如果元素涉及到频繁的切换,最好不要使用v-if而用v-show,如果可能永远被用户看到则用v-if...转载 2018-11-09 15:07:14 · 1588 阅读 · 0 评论 -
ElementUi中轮播图走马灯如何实现添加图片
<template> <el-row class="warp"> <el-col :span="12" class="warp-breadcrum"> <el-breadcrumb separator="/"> <el-breadcrumb-item :to="{ path: '/' }">&l...原创 2019-01-03 11:07:19 · 22556 阅读 · 4 评论 -
VUE项目中引入百度地图
使用百度地图js API 前, 需要申请应用的ak 秘钥,在官网上自己申请即可;普通的 html 文件 中只要给定script标签如: <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=自己的ak秘钥"></script>如下: 地图下代码如下:...原创 2019-01-21 15:24:33 · 3258 阅读 · 0 评论 -
VUE项目里返回按钮的处理(各个分页有返回按钮,首页没有)
VUE项目中 返回按钮 的处理, 各个分页有返回按钮,首页没有。主要代码: <mt-header fixed title="黑马程序员·Vue项目"> <span slot="left" @click="goBack" v-show="flag"> <mt-button icon="back">返回</m...原创 2019-03-22 17:45:16 · 3878 阅读 · 0 评论 -
如何使用自己手机测试写好的Vue项目
## 使用手机调试Vue项目 1. 前提:要保证自己的手机和当前做项目的电脑,处于同一个WIFI环境中; 2. 当手机和电脑处于同一个WIFI中之后,大家需要运行终端命令`ipconfig`,查找 `无线局域网适配器` 的网络配置,复制其`IPv4`的地址; 3. 把复制的Ip地址,粘贴到`package.json`中:`"dev": "webpack-dev-server --ope...原创 2019-03-22 17:59:52 · 368 阅读 · 0 评论 -
VUE项目中前端如何自己处理返回的时间戳
安装时间处理插件 moment定义全局过滤器处理方式一处理方式二,可以自己定义要处理的格式转载 2019-03-22 18:05:42 · 2984 阅读 · 1 评论 -
sublime编辑VUE代码高亮方法
步骤:需要拷贝的文件如下(需要的可发邮件到2445478193@qq.com):原创 2019-05-10 16:51:20 · 270 阅读 · 2 评论 -
vue-cli脚手架配置基础文件详解/新手入门必看
vue-cli 脚手架中webpack 配置基础文件详解一、前言vue-cli是构建vue单页应用的脚手架,输入一串指定的命令行从而自动生成vue.js+wepack的项目模板。这其中webpack发挥了很大的作用,它使得我们的代码模块化,引入一些插件帮我们完善功能可以将文件打包压缩,图片转base64等。后期对项目的配置使得我们对于脚手架自动生成的代码的理解更为重要,接下来我将基于webpack...转载 2018-05-28 18:07:37 · 8076 阅读 · 0 评论