奔跑的小蜗牛。-CSDN博客

原创 vue element-ui 根据选择的年份，然后更新日期选择器的可选范围。

/ 只允许选择与选定年份相同的日期。disabledDate: this.disabledDate, // 设置日期禁选函数。// 如果未选择年份，则禁止选择任何日期。selectedYear: '', // 存储选择的年份。selectedDate: '', // 存储选择的日期。废话不多说,直接上代码。

2023-08-02 14:24:02 254

原创 elment-ui的Cascader 级联选择器，点击lable 也能选中前面的复选框

直接mounted里加就OK啦。

2023-06-28 17:31:42 635

原创 vue 动态生成二维码

前提最近突然来了个需求左边文字动态生成二维码的功能如下图：1.引入二维码生成模块npm install qrcodejs2 --save2.引入使用import QRCode from 'qrcodejs2';3.放置生成二维码图片的容器<div id="qrCode" ref="qrCodeDiv"></div>4.js data() { return { printObj: {

2021-06-08 16:46:53 364

前言代码无价，谨慎操作。 ---- 奔跑的小蜗牛自己在开发中，单独创建一个分支写代码，想拉取远程主干代码，结果冲突了,后来发现git 命令有个命令可以完美解决。1.暂存代码把自己开发的代码暂存起来git stash2.拉取代码git pull ****3.释放自己本地暂存的代码git stash pop如何解决代码冲突 git log //查看日志 //自己解决冲突，并提交 git add Xxx git commit -m 'xx' git push origin d

2021-05-14 16:48:50 960 1

原创 h5 移动端电子签名

效果图<template> <canvas :ref="domId" class="app-sign-canvas" :id="domId" @mousedown.prevent.stop="handleMousedown" @mousemove.prevent.stop="handleMousemove" @mouseup.prevent.stop="handleMouseup"

2021-05-14 15:55:28 1419 5

原创 Vue3.0 起步快速搭建项目（一）

学习多了自然就迷糊了，不学习那注定迷糊。1 安装脚手架npm install -g @vue/cli# ORyarn global add @vue/cli2 检查版本Vue CLI v4.5.7vue -V3 搭建项目vue create vue3.0? Please pick a preset: (Use arrow keys) //请选择预选项> Default ([Vue 2] babel, eslint) ...

2021-02-26 11:34:55 13019 12

原创 Vue3.0 起跑搭建项目后应用（二）

Vue3.0部分知识点项目目录结构|-node_modules -- 所有的项目依赖包都放在这个目录下|-public -- 公共文件夹---|favicon.ico -- 网站的显示图标---|index.html -- 入口的html文件|-src -- 源文件目录，编写的代码基本都在这个目录下---|assets -- 放置静态文件的目录，比如logo.pn就放在这里---|co

2021-02-26 11:24:06 670 7

原创 vue项目实现路由按需加载(路由懒加载)

1. 方法如下：component：resolve=>(require(['需要加载的路由的地址'])，resolve)Vue.use(Router)const alarmDictionarys = [ {//报警字典 path: '/index', name: 'index', component: resolve => require(['@/views/pages/index.vue'], resolve), },.

2021-02-23 16:31:18 1520 9

原创 vue 如何对两个文本比较

最开始使用的vue-code-dff插件有坑直接导致页面卡死所以改用下面得插件1、首先安装插件npm installcodemirror、diff-match-patch2、二话不说直接键个vue 文件上代码<template> <div class="compareClass">  <div id="view" style="margi...

2020-12-25 10:27:28 4837 6

原创 js 如何删除对象整的key值

采用delete进行删除js 的delete可以根据key删除对象中的元素。var obj={}, 定义一个对象obj.a=1 obj.b=2delete obj['a'] 打印obj {b:2}delete a.b 打印obj {}...

2020-12-11 09:43:45 11359 1

原创 vue 实现鼠标写签名（电子签名）

奔跑得蜗牛1 、安装插件 vue-esignnpm install vue-esign --save2、在main.js引用import vueEsign from 'vue-esign'Vue.use(vueEsign)3、页面中使用<vue-esign id='canvas' ref="esign" :width='1000' :height="500" style="border: 1px dashed #c2c1c1;" :isCrop="isCrop" :li

2020-11-27 15:13:13 2199 2

原创 Vue 与 element table 后端排序实现

1、如果需要后端排序，需设置sortable，同时在 Table 上增加sort-change事件，在事件回调中可以获取当前排序的字段名和排序顺序，从而向接口请求排序后的表格数据。<el-table @sort-change='sortTableFun'> <el-table-column type="index" label="序号" width="50"></el-table-column> <el-table-column p

2020-09-07 17:00:04 750 3

原创如何将a=1 b=2 如何变成 a=2b=1 前提不用第三个字母

a与b得故事let a = 1, b=2;1. a = a^b; b = a^b; a = b^a; 2. a=b+a; b=a-b; a=a-b;3. [a,b]=[b,a];//es6中的解构赋值4 a=[b,b=a][0]...

2020-09-03 17:07:33 803

原创 element 表格里如何遍历表单

二话不说直接上代码 <el-form ref="form" :model="form" :rules="rule" label-width="120px"> <el-row :span="24"> <el-col :span="24"> <div v.

2020-09-02 09:55:47 1443

原创 Object.freeze

Object.freeze方法的作用Object.freeze()是ES5新增的特性，Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修改已有属性的值。此外，冻结一个对象后该对象的原型也不能被修改。freeze() 返回和传入的参数相同的对象。Object.freeze方法冻结对象有如下特点：（1）.对象不能被扩展，也就是不能...

2020-09-02 09:12:01 327

原创 vue element 时间校验结束时间不能小于开始时间

For example举例：<el-col :span="12"> <el-form-item label="开始日期：" prop="startTime" class="input_search"> <el-date-picker size="small" placeholder="请选择" v-model="form.startTime" type="date" :picker-options=.

2020-07-10 10:10:39 4400

原创 Vue打包时去掉console.log

1. vue3.0打包去掉console.log下载插件cnpm install terser-webpack-plugin --save-dev在src同级目录下创建vue.config.js，内容如下module.exports = { publicPath: './', configureWebpack: (config)=>{ if(process.env.NODE_ENV === 'production'){ config.optimiz...

2020-05-22 11:04:15 2089

原创 Vue element下拉框加一个自定义的选项

<el-select v-model="value" clearable placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.name" :value="item.value"> </...

2020-04-17 14:11:20 1957

原创 HBuilderX 如何在真机上进行调试

ios苹果方法：1.设备连接电脑（连接iPhone需下载iTunes，保证手机与iTunes相连）iTunes下载地址：https://www.apple.com/cn/itunes/下载后安装一直next就可以图标图标2.安装好之后在HBuilder里点击真机运行，手机上会提示未受信用的企业级开发者解决方法：设置→通用→设备管理→点击Digtial Heaven….→信...

2020-04-17 14:00:16 13677

原创 element 新增数据打开弹框时或者关闭弹框清空表单内容

需求：编辑后点新增弹框数据未清空。解决方法：使用@close事件，函数可以自定义 eg : resetForm()、closeDialog()；<el-dialog :title="addTitle" :visible.sync="addVisible" @close="resetForm('ruleForm')"> <el-form :model="ruleF...

2020-04-17 13:43:23 4746

原创 element 下拉回显value去重

问题：后端返回的下拉数据里有重复的数据时你该怎么做，遇到一个就用去重方法还是直接封装一个方法随时用。方法：在until 工具里封装一个方法：//工具里：export const removal（方法名以便调用） = (arr) => { for (let i = 0; i < arr.length - 1; i++) { for (let...

2020-04-13 14:59:05 611 1

原创 element-ui的下拉框-输入框有值却无法选中输入的问题

问题：下拉输入选择同时存在，当编辑显示下拉数据时，我想改下拉数据为自己得输入数据，你输入了数据却显示不了。原因：出现这个问题好像是因为下拉框数据是循环掉别的接口得来的，因为数据层次太多，render函数没有自动更新，需手动强制刷新所以我直接强制刷新了值，而forceUpdate就是重新render。写一个方法，在select的change事件中调用此方法，运用 this.$force...

2020-03-21 15:09:08 1776 1

原创 vue-element 选择框选择值改变，显示不变

问题如下：模态框select中选中option之后select无反应要等点击取消或者确定是才可以有反应<el-form ref="form" :model="form" :rules="rule" label-width="160px"> <el-col :span="12"> <el-form-item label="刀具类...

2020-03-04 21:44:36 1151

原创 vue 父子传参得理解---props

Props---子组件想要使用父组件的数据，我们需要通过子组件的 props 选项来获得父组件传过来的数据.eg:在父组件 father.vue 中引用子组件 child.vue，把 name 的值传给 child 组件。<template> <div class="app"> // message 定义在子组件的 props 中 ...

2020-01-13 17:51:00 277 1

原创 window location href 方法及其使用导出

与小蜗牛一起成长导出列表按钮 <el-button type="primary" @click="handImport" :disabled="isexport"> <i class="iconfont icondaoru"></i>导出 </el-button>引入地址 import {baseUrl} fr...

2020-01-06 16:07:36 2663 1

原创 element 表单提交自定义校验。

奔跑的小蜗牛--加油。当v-model绑定值为一个数组时。 user_types是一个数组。<el-col :span="8"> <el-form-item label="用户" prop="user_type"> <el-select v-model="user_types" multiple filterable placeho...

2020-01-03 16:23:43 756

原创分页删除后一页数据后，如何自动显示上一页数据

天天都有好心情哦。 // 删除 delete(row, index) { this.$confirm('确认删除？删除后将不能恢复！', { title: '提示', type: 'warning', closeOn...

2020-01-03 13:35:58 1658

原创 vue 下拉回显问题，及其给后端传值与显示得值。

一点点积累，一步步走。eg：打开弹框点击按钮把当行数据传过来 handleEdit(i, row) { this.$refs.editProductTime.showData(i, row);---$refs+跳的页面 this.show = true; }, //打开弹窗 showData(i,...

2020-01-02 20:57:52 1645

翻译 vue element下拉框的应用

eg 1：获取某个设备下得多个设备得方法一. 获取第一个下拉框得数据；1 , 首先查看接口方法(post get)，及其传参。2，请求接口如果code==200把返回数据赋值 eg： let data=res.data.data；3，渲染数据判断返回数据是否是数组 Array.isArray(data) ，遍历数组把想要的数据重新赋值放到一个新定义...

2019-12-30 22:07:40 959

转载正则表达式大全

1、手机号：mobile/^1((3[\d])|(4[5,6,9])|(5[0-3,5-9])|(6[5-7])|(7[0-8])|(8[1-3,5-8])|(9[1,8,9]))\d{8}$/2、国内座机电话（如: 010-12345678）：telephone/\d{3}-\d{8}|\d{4}-\d{7}/3、电话或手机：phoneNo /(^1([3|4|5...

2019-08-06 17:04:53 868

原创如何写目录树

小蜗牛与你一起学习啦！写出目录树要有一下几步：1、获取目标文件夹的内容。2、将文件或者文件夹划分。3、将文件夹打印。4、文件夹遍历。具体代码如下：//获取目标及目录内容const fs=require("fs");const path=require("path")//绝对路径let target=path.join(__dirname,"../")//...

2018-12-03 14:47:21 658

原创 Git创建本地版仓库

ssh-keygen -t rsa -C "gitHub上注册时用的邮箱" Generating public/private rsa key pair.(/Users/your_user_directory/.ssh/id_rsa)直接敲回车 Enter passphrase (empty for no passphrase):<enter a passphrase> 直接敲回车 Enter same passphrase again:&

2018-11-29 16:41:48 275

原创创建远程gitHub仓库

小蜗牛与你分享GitHub一、打开gitHub网站https://github.com/二、注册gitHub会员： 1、点击Sign Up（注册） 2、填写用户名，邮箱，密码。填写完成点击Create an account 3、选择第一个免费，Unlimited public repositories for free.然后点击Conti...

2018-11-29 16:10:25 187

原创初步认识Node.js 一、

概念：Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 Node是一个JavaScript的运行环境（平台）；不是一个框架或语言。 Node.js 的包管理器 npm，是全球最大的开源库生态系统。...

2018-11-29 10:13:28 155

weixin_43826136的博客