- 博客(19)
- 资源 (1)
- 收藏
- 关注
原创 element 循环两个时间限制功能
elemet 循环时间限制新的改变//只复制部分样式<div :class="['form-box','form-action']" v-for="(item,index) in ruleForm.lead_project" :key="index"><span class="time-title">时间:</span> <el-date-picker v-model="item.start_time" :picker-options="picker0(
2022-03-11 11:18:28
218
原创 vue 3.0 给input 获取焦点
// 给table 循环的input 点击的时候获取焦点// 1、给input 设置ref 属性<el-input v-else ref="refInput" @blur="(scope.row.code = !scope.row.code), changeBlur()" v-model="scope.row[item.prop]" :placeholder="'请输入内容' + item.label"/>// 1、给input的ref属性在setup中使用? 叫什么
2021-10-21 10:56:17
7012
2
原创 vue3.0 使用form 正则校验
vue3.0 使用form 正则表达1、需要引入 vue的 ref 模块.2、 form 中 ref 我绑定的是 ruleForm3、保存按钮不需要传任何值,(图二)4、需要重新定义 const ruleForm = ref(); 记得 return 出去// 保存按钮代码 const submitForm = () => { ruleForm.value.validate((valid) => { if (valid) { al
2021-10-16 17:33:33
2419
原创 vue 3.0 使用element 框架 样式并未生效
1、安装。npm install element-plus --save1、引入。import ElementPlus from 'element-plus';import 'element-plus/lib/theme-chalk/index.css';app.use(ElementPlus)//如果是自己搭建的项目 这里的app的引入是这样的,但是这样的引入会导致引入之后的框架没有样式createApp(App).use(store).use(router).mount('#app')
2021-04-16 09:39:53
3243
原创 vue 关闭eslint
// 在vue.config.js加上下面代码,如果没有就创建// An highlighted block// vue.config.jsmodule.exports = { lintOnSave: false}
2020-11-30 17:48:52
206
原创 puppeteer 设置cookie
一、设置cookie1、生命一个cookie的名字 和值,domain要对应扒的网站 可以查看控制台,如下就可以```javascript var cookie0 = { name: "xs", value: "23%3AAOPrLmUqvL3rFA%3A2%3A1605782200%3A9095%3A11149%3A%3AAcWO1dH7IDJR3LorxCP0--Z0q6W9LZDb0xsFXw3DO2U", domain: ".facebook.com",
2020-11-30 11:23:33
8149
转载 关于element 回到顶部的使用方法
1、新建一个组件2、引用 改改位置 ok// 组件内容<template> <transition name="el-fade-in"> <div v-if="visible" @click.stop="handleClick" :style="{ 'right': styleRight, 'bottom': styleBottom }" class="el-backtop">
2020-11-30 11:14:12
2198
原创 取得两个数组中除相同部分的其他数据
// this.result 是一个空数组 this.result = []//this.list 是比较多的那个数组 this.list = [1,2,3,4,5]//val 是少的那个数组 val = [1,2,3] this.result = this.list.filter(number => !val.includes(number)) console.log(this.result) === [4,5]let result = []let list = [1,2,3,4,
2020-11-03 17:09:15
199
原创 Vue控制表格列的显示隐藏
table控制列显示隐藏的功能当选中时 table列显示,未选中时隐藏该列首先造轮子 全局拿来用// 这是子组件<template> <div style="text-align: right;"> <el-popover placement="right" title="列筛选" trigger="click" > <el-checkbox-group v-model="checkList" @change="filter"
2020-11-03 16:57:31
6754
2
原创 puppeteer 爬取数据
puppeteer我用到的有两种爬取方法第一种是根据页面选择器去爬取对应的数据 第二种是根据接口去爬取一 、以Facebook的广告页页面数据为例,我需要拿到对应的数据const puppeteer = require('puppeteer'); let URL = `https://www.facebook.com/ads/library/?active_status=active&ad_type=all&country=ALL&view_all_
2020-10-20 09:52:20
953
原创 vue 动态加载浏览器左上角 图标 和 显示title
vue 动态加载浏览器左上角 图标 和 显示title设置这个需要在路由里面通过钩子函数进行设置图标需要创建link标签来获取 传过来的url 我这边是通过缓存来获取的sessionStorage.getItem(‘shopLogo’)router.beforeEach((to, from, next) => { let status; var link = document.querySelector("link[rel*='icon']") || document.cr
2020-08-31 10:42:09
1628
原创 前端页面input 只能输入15个汉字,30个英文这样
下面展示一些 内联代码片。搬自https://blog.youkuaiyun.com/seven_north/article/details/87073473博客原理就是把一个汉字替换为英文字符aa,长度为2个字符,我这边就判断长度大约30就提示长度超出限制var jmz = {};jmz.GetLength = function(str) { return str.replace(/[\u0391-\uFFE5]/g,"aa").length; //先把中文替换成两个字节的英文,在计算长度}
2020-08-11 15:56:33
1934
转载 vue 页面防抖动和节流
//搬运自 (https://blog.youkuaiyun.com/qq_39759115/article/details/82287517) 大哥的博客1、在公共方法中(如 public.js 中),加入函数防抖和节流方法// 防抖export function _debounce(fn, delay) { var delay = delay || 200; var timer; return function () { var th = this;
2020-06-20 10:52:56
1965
原创 vue i18n
在main.js中引入 18n 下面展示一些内联代码片`。import zh from '@/i18n/zh' // 简体中文语言包import tw from '@/i18n/tw' // 繁体中文语言包import ma from '@/i18n/ma' // 马来语言包import en from '@/i18n/en' // 英文语言包import ja from '@/i18n/ja' // 日文语言包const i18n = new VueI18n({ // locale:se
2020-06-05 19:51:14
282
原创 关于elementUI 时间日期选择器 添加 昨天今天按钮
关于elementUI 时间日期选择器 添加 昨天今天按钮<!-- html--><el-button @click="getTime(1)">昨天</el-button> <el-date-picker v-model="dateRange" type="datetimerange" align="center" unlink-panels
2020-05-29 10:20:16
2017
监听滚轮事件
2018-12-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人