Grocery store owner-CSDN博客

效果图：代码实现：data(){ return{ nowYear: '',//年 nowMouth: '',//月 nowDate: '', nowWeek: '',//周几 hms: '',//时分秒 timer: '', //定义一个定时器的变量 }},create(){ this.timer = setInterval(this.getdate, 100

2022-02-25 10:16:47 803

先下载依赖包// 通过npm安装$ npm install awe-dnd --save在main.js里使用vue.use使用// checkbox拖动调整顺序import VueDND from 'awe-dnd'Vue.use(VueDND)在vue2中使用<el-checkbox-group v-model="checkData" @change="cancelSelect"> <el-checkbox v-for="item in h

2022-02-09 10:41:16 887

原创 element-ui的el-cascader级联选择，当第三级为空拿不到数据的解决方法

没解决之前// An highlighted block//调用api获取数据 searchLabel() { this.$axios .get(this.$api.GET_KNOWLEDGELABEL_GETLABLETREE) .then((res) => { this.getTypeList(res.content)

2022-01-16 23:49:06 958

原创页面使用rem布局，响应式

(function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { var clientWidth = docEl.clientWidth; if (clientWidth > 1

2021-11-05 16:14:57 79

原创 VUE富文本编辑器wangeditor

网站地址：https://www.wangeditor.com/npm安装：npm i wangeditor --save封装：<template> <div> <div ref="editor" ></div> </div></template><script> import WangEditor from "wangeditor" export default {

2021-09-29 11:19:17 253

原创 input框只能输入-1和正整数

@input是在输入的时候就会执行这个时间，// 结构input<el-input placeholder="-1表示不限人数" @input="limitIpt" style="width:400px" v-model="addForm.peopleNum"></el-input>// js代码limitIpt(e){ var g=/^-?\d+$/; if(e == '-') return if

2021-09-13 16:18:02 340

原创 js触底加载

// 触底加载$(window).scroll(function() { var scrollTop = $(this).scrollTop(); var scrollHeight = $(document).height(); var windowHeight = $(this).height(); if (scrollTop + windowHeight + 1 >= scrollHeight) {

2021-09-08 15:03:16 41

原创根据后端返回的链接下载文件

截取文件字符串，截取文件后缀// 文件下载 download(url){ // url:http://188.188.188.20:8500/filedata/20210902/eed0b91240864555b7c7f677ee2f03fb.jpg // 截取最后一个/后的字符串 let getVal = (str) => str.substring(str.lastIndexOf('\/')+1 ,str.l

2021-09-07 11:59:53 320

原创 element-ui时间组件的校验规则，时间不能为空且开始时间不能大于结束时间

组件结构里的内容// An highlighted block<el-form :model="addForm" :rules="rules" ref="addForm" label-width="150px" class="demo-ruleForm"> <el-form-item label="开始时间：" prop="startTime"> <el-date-picker v-model="addForm.applyStartTime"

2021-08-26 15:20:59 4810

原创 js中的闭包函数

1-什么是闭包：闭包是指有权访问另一个函数作用域中变量的函数。通俗来说就是，一个作用域可以访问另外一个函数内部的局部变量。// An highlighted blockfunction fn(){ var num=10; function fn1(){ console.log(num);//10 } fn1();}fn();//fn就是一个闭包函数21闭包的作用：延伸变量的作用范围 function fn() { var num = 10; funct

2020-12-06 13:05:54 684 1

原创 js中改变函数内部this指向的方法

1-call()方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的 this 指向// 一般应用于继承var o = { name: 'lisi'} function fn(a, b) { console.log(this); console.log(a+b)};fn()// 此时的this指向的是windowfn.call(o,1,2)//此时的this指向的是对象o,参数使用逗号隔开2-apply() 方法调用一个函数。简单理解为调用函数的方式，

2020-12-04 13:05:05 506

原创 js中函数创建和调用方式还有this内部指向

函数的定义方式 // 1. 自定义函数(命名函数) function fn() {}; // 2. 函数表达式 (匿名函数) var fun = function() {}; // 3. 利用 new Function('参数1','参数2', '函数体'); var f = new Function('a', 'b', 'console.log(a + b)'); f(1, 2);

2020-12-02 13:29:11 122 1

原创 JavaScript数组方法总结

1，数组1.1 数组的概念(1) 数组可以把一组相关的数据一起存放，并提供方便的访问(获取）方式。(2) 数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。1.2 创建数组利用new创建时数组var 数组名 = new Array() ；var arr = new Array(); // 创建一个新的空数组利用数组字面量创建数组//1. 使用数组字面量方式创建空的数组var 数组名 = []；/

2020-11-22 13:23:13 324

原创移动端轮播图

下面是html结构，至于样式你们就自己写吧，反正也不难，不过如果你需要的话私聊我，或者评论，发给你<div class="focus"> <ul> <li><img src="upload/focus3.jpg" alt=""></li> <li><img src="upload/focus1.jpg" alt=""></li>

2020-11-15 15:20:23 895

空空如也

空空如也