学习VUE生涯
个人看法
letisgo5
当你想要做什么的时候,别犹豫太久直接做就行,人生别留遗憾,生活不易,我说行就一定行。
展开
-
开发环境搭建之NVM管理NODE安装
简单粗暴一看就会、直接从官网下载zip安装包、然后执行命令安装所需node版本即可。官网找几个稳定版本下载试试。原创 2024-10-09 16:58:44 · 193 阅读 · 0 评论 -
Swiper轮播图片并播放背景音乐
一开始也是从网上找,各种收费与自己想法整了一个,目前只实现了轮播与播放音乐。代码(图片与html在同一目录,如不在同一目录则需调整src图片路径)效果图目前仅支持点击开始,然后开始播放音乐与轮播图片。......原创 2022-07-28 18:35:53 · 493 阅读 · 1 评论 -
el-upload http-request 请求处理上传文件
前几天与前端联调说是后端需要处理跨域问题,明明后端已经实现跨域处理。但是,前端却显示依然存在问题!!!于是就更换el-upload请求方式,通过http-request请求实现:action=“#” :http-request=“importData”axios请求方式 至关重要,不然会抛出错误:no multipart boundary was found最后放出请求代码:真是有效(爬坑出真知)......原创 2022-06-29 10:24:55 · 2438 阅读 · 0 评论 -
VUE ADMIN TEMPLATE登录界面添加验证码
引入插件 yzCode.vueimport SIdentify from ‘@/components/yzCode/yzCode.vue’<template> <!-- 自定义一个绘制随机验证码的组件,其本质是使用canvas绘制 --> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight" ></canvas>原创 2021-06-21 10:13:11 · 1023 阅读 · 0 评论 -
element-ui 常用控件 设置点击空白处不关闭
dialog弹窗 设置点击空白处不关闭亲测有效 :close-on-click-modal=“false”confirm提示框 设置点击空白处不关闭亲测有效 closeOnClickModal: false this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning', closeOnClickModal: false原创 2021-04-21 15:33:13 · 2979 阅读 · 0 评论 -
处理element-ui穿梭框-加载慢 性能优化 方案
用el-table 添加 移除 方式处理 穿梭框 从左与右的双向选择通过条件 筛选 效果图如下主业务逻辑层代码<div> <el-input v-model="teachName" placeholder="输入姓名搜索" style="width:200px;" size="mini" clearable /> <el-button type="primary" size="mini" icon="el-icon-search" style="mar原创 2021-03-15 09:33:01 · 1599 阅读 · 0 评论 -
element-ui穿梭框 简单应用
el-transfer 穿梭框 踩坑日常: 对于 需要从数据库获取大量数据,而采用 这种方式 界面加载非常慢,操作也不流畅通过 class=“teach_fill” 调整 样式,自带 filter-method 不是很实用,通过 class=“transfer-footer” slot=“right-footer” 在底部添加操作按钮<el-transfer :titles="['可选教师', '选中教师']" filter-placeholder="请输入教师姓名" class=原创 2021-03-15 09:10:56 · 1052 阅读 · 1 评论 -
分分钟了解vue-element-admin导出
这是一个基于vue前端导出的一种方式、后端只需要提供查询的接口即可、对于常用简单的导出,即简单,又方便,还便捷。点击导出事件 <el-button class="height32" size="small" type="primary" icon="el-icon-download" @click="handleDownload"> 导出 </el-button>执行导出下载方法handleDownload() { this.downloadLoa原创 2021-03-04 11:06:46 · 703 阅读 · 2 评论 -
element下拉框el-select加载数据太多 自定义方法查询
主要是由于下拉数据获取数据源数据量太多影响界面加载速度、用户体验非常不好初始化 courseOptions 默认20条左右前端代码1.1 界面控件加载 主要是定义检索方法: filter-method <el-select v-model="scheduleInfo.courseId" filterable **:filter-method="courseFilter"** placeholder="请选择" style="width:100%;" clearable size=原创 2021-03-03 16:35:59 · 979 阅读 · 1 评论 -
十分钟搞定vue-element-admin增删改查
看懂这篇文章就可以把vue-element-admin增删改查掌握先看具体代码,有详细备注<template> <div class="app-container"> <!-- 查询条件 --> <div class="filter-container"> <el-row> <el-col align="left" :span="8"> <el-butto原创 2021-01-28 15:54:24 · 3374 阅读 · 0 评论 -
初次使用vue-admin-template前后端联调成功
--------------------------------- 前后端联调记录 ---------------------------------一: 登录/获取用户信息/退出参考: https://blog.csdn.net/qq_42977003/article/details/1060425571.配置跨域vue-config.js 配置 proxy 代理// before: require('./mock/mock-server.js') //1.注销mock假数据 2.配置pro转载 2021-01-19 15:36:20 · 1020 阅读 · 0 评论 -
vue前端播放wav
一次神奇的体验…1.在main.js中引入import audio from ‘vue-mobile-audio’Vue.use(audio)npm install …3.三行js播放wav let signSucc = new Audio() signSucc.src = require("../../../../../static/wav/1.wav") signSucc.play()原创 2021-01-19 11:04:49 · 5367 阅读 · 6 评论