vue
不会做饭的程序员
加油,学无止境,明天会更好!
展开
-
vue 输入框@人功能组件,支持复制粘贴
vue 输入框@人功能组件,支持复制粘贴,多端通用原创 2024-05-07 11:48:41 · 1968 阅读 · 6 评论 -
VS Code 插件整理;前端常用编辑器插件
此文章就是记录一下常用的 Vs Code 的插件,编辑器的插件, 以及一些快捷键,能使前端开发起来事半功倍原创 2019-12-13 17:30:12 · 864 阅读 · 1 评论 -
Vue 常用的修饰符
vue常用的修饰符,v-mode,事件修饰符原创 2021-12-21 16:59:53 · 254 阅读 · 0 评论 -
vue config配置 proxy、打包拆包处理
const path = require('path')function resolve(dir) { return path.join(__dirname, '.', dir)}module.exports = { publicPath: './', productionSourceMap: false, devServer: { proxy: { // 替换 '/commonApi': { .原创 2021-08-31 17:36:28 · 1190 阅读 · 0 评论 -
上传excel文件验证
使用element的文件上传组件<!-- 在调用接口上传文件时,使用变量<isUpdata>来替换按钮,实现选择文件完成后按钮的加载状态 --><!-- 如果当前上传文件按钮存在于按钮组中,记得添加类名添加左右外边距10px --><el-uploadv-if="!isUpdata"class="upload-demo mr10"action="url":before-upload="beforeImport":show-file-lis...原创 2021-03-03 11:57:37 · 265 阅读 · 0 评论 -
blob下载文件
// 下载模板 download() { // 调用接口获取到文件 new Promise(res => { const blob = new Blob([res], { type: "application/vnd.ms-excel" }); // 下载文件名 const fileName = "fileName.xls"; const linkNode = document.createElement.原创 2021-03-03 11:50:54 · 699 阅读 · 0 评论 -
Element + Vue之封装的Echarts折线图组件
调用该组件需要传以下几个参数**id:**该echarts盒子的id(可以随意设置,它是echarts渲染的关键要素,同时我用它来在一个页面多次调用该组件而做的区分)**option:**该折线图的option配置代码,主要是大部分折线图每一个配置都不一样,不是单纯的改改数据而已,由于时间问题,我也没有再进行进一步的封装。<template> <div :id=...原创 2019-12-25 15:09:01 · 2538 阅读 · 0 评论 -
Vue + iview实现动态添加路由 + 动态侧边栏
碰到的动态路由问题,由于我是小白,网上搜的看不懂,就用自己的方式实现了,毛病弊端什么的肯定有,但是最起码靠自己的双手给实现了。麻烦各位大佬看看有什么问题,以及动态路由正确的 一般的写法以及逻辑router index.jsimport Vue from 'vue'import VueRouter from 'vue-router'import Home from '../views/Ho...原创 2019-12-06 17:00:36 · 1827 阅读 · 0 评论 -
Nginx配置反向代理;vue打包上线处理
前言:当我们把vue项目打包放到服务器上之后,打开项目发现接口会报错,小伙伴们都会想,明明vue配置了代理啊。其实这时候就跟vue没多大关系了,需要nginx配置反向代理一:打开nginx>conf>nginx.conf修改80端口的配置文件server { listen 80; server_name localhost; /...原创 2019-11-27 11:35:34 · 218 阅读 · 0 评论 -
Element + Vue之封装的分页组件
调用该组件需要传以下几个参数一种是数据量少的时候,后端将全部数据给到你,你来进行分页功能 需要将全部数据传过来 pageData进行选择设置每页条数 pageCurrent<template> <div class="block"> <div class="page-desc">共{{total?total:pageDat...原创 2019-11-21 18:03:59 · 228 阅读 · 0 评论 -
Element + Vue 之 封装的日期组件
<template> <el-date-picker style="width: 247px;height:32px;padding: 0 15px;" v-model="value" :clearable="false" type="daterange" range-separator="~" start-placehol...原创 2019-11-21 17:59:17 · 816 阅读 · 0 评论 -
Element-ui number输入框长度限制以及不能输入e、+、-符号
Element-ui number输入框长度限制以及不能输入e、+、-符号<el-input v-model="scope.row.sort" type="number"@input.native="if(scope.row.sort.length>3)scope.row.sort=scope.row.sort.slice(0,3)" onkeypress='return(...原创 2019-10-09 11:53:41 · 2417 阅读 · 0 评论 -
Node.js+Vue实现实时通讯
Node.js+Vue实现实时通讯使用Node.js 包含的ws模块来实现实时通讯的功能Node.js代码vue代码我刚开始写的时候,把连接ws写到了点击事件里边,点击按钮的时候才去连接ws,这样的写法我发现两点问题:发送消息接收到了服务器打印消息使用Node.js 包含的ws模块来实现实时通讯的功能第一次接触实时通讯,而且是自己利用空闲时间去了解websocket,偶然见看到了Node.js...原创 2019-08-14 10:29:20 · 1251 阅读 · 0 评论