- 博客(32)
- 收藏
- 关注
RSS订阅原创 vue 下拉框选择获取对应值的整个数据
find函数是用于在数组中查询对象的功能，该函数是用于在数组中查找一个满足制定条件的一个对象，如果没有则返回undefined。使用find函数来进行对应id数据的查找。
2023-04-11 17:15:11
2650
原创 vue3 + element plus 的表单校验
新增功能基本是每个程序都需要的 下面这个直接可以拿去复用 v3是没有this的所以表单的校验和v2还是有区别的
2022-06-24 10:08:17
2346
原创 vue app实现一键复制（pc端也可以）
标题使用Clipboard插件下载插件npm install clipboard然后引入// 全局中引入 main.jsimport clipboard from 'clipboard'Vue.prototype.clipboard = clipboard// 局部引入import clipboard from 'clipborad'页面中<div> <div style="margin:0 0 1rem" v-html="downloadLink">{
2022-05-11 10:59:47
418
原创 vue接收后台返回的验证码图片
生成随机数给接口穿过去 然后接口会返回一张照片 <div class="login-form-items" v-if="codeshow"> <van-field v-model="authcode" label="验证码" placeholder="请输入验证码" /> <div class="captcha-wrapper"> <img :src="images" @click="getcode"/&
2022-04-08 10:43:01
1881
转载 TypeError: this.getOptions is not a function at Object.lessLoader
TypeError: this.getOptions is not a function at Object.lessLoader 在vue项目中less报错问题解决less版本问题，卸载重新安装指定版本号npm install less@3.9.0 -snpm install less-loader@5.0.0 -s原文链接：https://blog.youkuaiyun.com/cuixifeng/article/details/113586376...
2022-03-30 16:00:34
468
原创 uniapp 打包教程（安卓）
uniapp安卓打包教程1.首先登陆你的Hbuilder账号 没有的话可以注册一个账号登陆2.申请一个安卓证书 这是链接（https://www.yunedit.com/update/androidzhengshu/list）3.然后就可以进行打包4.这里的证书文件就是你申请下来的证书文件，密码也就是你申请时的密码5.直接打包，等待控制台提示绿色打包完成自定义基座包与普通包一样，自定义基座包就是可以连接手机运行，可以实现边改代码边更新的功能包，所有设备硬件API都支持。真机运行的绿色图标
2022-03-24 10:49:14
8223
原创 css 实现文字展开收起
css实现文字展开收起<div class="wrapper"> <input id="exp1" class="exp" type="checkbox" /> <div class="text"> <label class="btn" for="exp1"></label> 这是一段话这是一段话这是一段话这是一段话这是一段话这是一段话这是一段话 这是一段话这是一段话这是一段话这是一段话这
2022-03-11 14:32:02
1174
2
原创 vue+element 将表格中的数字转换为小时保留小数点后两位
将表格中的数字转换为小时保留小数点后两位使用 element表格的formatter格式化表格内容parseFloat(string) 将返回的字符串转换为浮点类型toFixed(x) 保留小数点后几位timeFormatter(row) { //parseFloat(string) 将返回的字符串转换为浮点类型 //toFixed(x) 保留小数点后几位 return parseFloat(row.onlineTime / 60).toFixed(2) + "小时";
2022-03-07 18:13:32
945
2
原创 vue 获取当前时间并格式化 年月日
将公共的方法放到commom.js里面，然后再需要的页面直接引入即可//转为年月日export var formatDate = function(date) { if (date != '' && date != undefined && date != null) { date = new Date(date) var y = date.getFullYear(); var m = date.getMonth()
2022-03-03 18:09:19
1742
原创 Vue3中methods的写法可以这样写
vue3中methods的写法import { reactive } from "vue";export default { setup() { const data = reactive({ tables: [], }); const methods = { countScore() { console.log(1); }, }; return { ...methods, data,
2022-02-15 10:02:46
12037
2
原创 vue+element 时间选择器只能选择当前及之后的时间
element 时间选择器只能选择当前及之后的时间<el-date-picker value-format="yyyy-MM-dd" :picker-options="pickerOption" v-model="dataInfo.civilTime" type="date" placeholder="选择日期"></el-date-picker>在组建上面加上这个属性:picker-options="pickerOption"小于当前日期不可选d
2021-11-19 15:28:48
1202
原创 vue 实现点击下载文件
vue实现点击下载文件或文档1.代码如下 //导出事件 Export() { let link = document.createElement("a"); //创建一个a标签 link.style.display = "none"; //将a标签隐藏 link.href = safe + "/work/plan/exportJobPlanExcel"; //给a标签添加下载链接 "域名+接口" safe是一
2021-09-01 16:45:07
6827
原创 vue实现消息滚动
vue实现消息滚动1.效果就是这样，下面的消息会进行滚动，大家可以把代码放到页面实时看下效果。<ul id="con1" ref="con1" :class="{anim:animate==true}" style="margin:0"> <li v-for='(item,index) in items' :key="index">{{item.name}}</li></ul><script>export default {
2021-06-28 15:09:26
2405
原创 input框点击之后提示信息缩小上移
input框点击改变字体大小并上移1. 点击之前2. 点击之后<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style>
2021-06-17 10:34:53
695
1
原创 element form表单提交数据之后清空所有输入框
element form表单提交数据之后清空所有输入框首先prop属性绑定的值要和v-mode绑定的值要统一然后在提交数据成功之后加上下面这句话就可以在提交之后重置表单数据this.$refs.form.resetFields()
2021-06-02 17:15:16
3507
5
原创 vue使用element-ui的input框如何加上小图标
element的input框如何加上小图标1.在input框前面加上小图标 在标签内部加上refix-icon属性 prefix-icon="iconfont el-icon-search"2.在input框后面加上小图标 在标签内部加上suffix-icon属性 suffix-icon="iconfont el-icon-search"...
2021-05-15 10:13:29
4384
4
原创 echarts柱状图修改渐变色
1.先看效果图2.在option下面的series里面添加{ type: 'bar', data: [110, 83, 65, 49, 45, 40, 83,65, 49, 45, 40,40], barWidth : 10,//柱图宽度 itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{ o
2021-04-30 10:33:23
392
原创 jquery实现百分比或记分进度条
jquery实现百分比记分进度条1.先看效果2.代码如下jquery.lineProgressbar.js代码如下(function($){ 'use strict'; $.fn.LineProgressbar = function(options){ var options = $.extend({ percentage : null, ShowProgressCount: true, duration: 1000, // Styling Options
2021-04-28 17:58:58
743
2
原创 创建vue项目
用脚手架创建一个项目详细步骤如下：1.先打开cmd（在想创建的文件夹输入cmd）2.在cmd中输入指令 vue create text(项目名称)3.在这里选择配置文件，可以选择默认配置直接回车就好了，我选的是手动配置最后一个，前面几个是我之前创建好的，我会创建一个新的给大家一步步来！4.按下回车之后就会来到手动选择这一块在这里可以选择项目中用的东西，空格是选择，选好之后按下回车。B...
2020-03-24 14:53:08
874
1
原创 javascript中常见的兼容写法
在前端项目开发中最头疼的无疑就是兼容了，下面我写了一些常见的兼容性写法：1. 获取非行内样式（兼容问题） function getStyle(obj, attr) { //获取非行间样式，obj是对象，attr是值 if (obj.currentStyle) { //针对ie获取非行间样式 return obj.currentStyle[attr];...
2020-03-01 19:01:04
252
原创 github中如何删除创建好的仓库
1.进入github之后打开已创建好的仓库（要删除的）2.点击 Settings，滑到最下面点击 Delete this repository3.输入仓库名进行确认4.输入仓库名点击下面 I understand the consequences,delete this repository进行删除，然后就完事了！...
2020-03-01 18:47:23
1086
原创 vue中vant组件引入方式
vue中vant组件引入方式vant官网链接通过npm安装npm i vant按需引入组件 babel-plugin-importnpm i babel-plugin-import并且在babel.config.js文件中配置plugins代码如下：plugins: [ ['import', { libraryName: 'vant', ...
2020-03-01 13:14:53
3408
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人