js
邪小新
这个作者很懒,什么都没留下…
展开
-
js 往上递归查询父节点
js 往上递归查询父节点原创 2022-11-24 16:56:40 · 1428 阅读 · 1 评论 -
thinkcmf的navbar锁定js处理
thinkcmf navbar头部锁定原创 2022-10-17 17:35:50 · 150 阅读 · 0 评论 -
解决vue项目访问地址自动添加#号问题
解决vue项目访问地址自动添加#号问题原创 2022-09-17 17:28:30 · 921 阅读 · 0 评论 -
vue中使用watch与mounted监听vuex中的值的变化
vue中使用watch与mounted监听vuex中的值的变化原创 2022-02-08 17:41:44 · 1934 阅读 · 0 评论 -
vue+element-ui之span-method属性实现相同数据合并单元格
vue+element-ui之span-method属性实现相同数据合并单元格原创 2021-12-28 15:57:46 · 893 阅读 · 0 评论 -
vue-baidu-map 使用
1.安装地图npm install vue-baidu-map2.在main中引入import BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap,{ak:'此处粘贴你的百度地图ak'})3.简单使用百度地图<baidu-map class="map" :scroll-wheel-zoom="true" :zoom="15" @ready="mapReady"></baidu-map> mapReady({原创 2021-07-15 17:21:56 · 352 阅读 · 0 评论 -
javascript 数组拼接功能
1.concat let aa =['a','b','c','d']; let bb =['e','a','g'];console.log(aa.concat(bb))2.扩展运算符:… let aa =['a','b','c','d']; let bb =['e','a','g']; console.log([...aa,...bb])原创 2020-12-03 09:11:47 · 570 阅读 · 0 评论 -
javascript中??的作用
判断null 和undefined handleOneClick() { let cc = undefined; let aa = null; let b = 0 let ff = cc ?? '出错了' console.log('ff的结果=>', ff);原创 2020-10-13 16:05:00 · 3426 阅读 · 0 评论 -
vue 点击获取验证码 倒计时
getyzm() { this.btnBool = true; let i = 60; let timer = setInterval(() => { this.yzmtext = '获取验证码' + i + 's'; ...原创 2020-03-19 09:06:11 · 1971 阅读 · 0 评论 -
Element-UI el-table 显示错位问题解决方案
场景:el-table新加列后表头错位css处理方法 .el-table--border th.gutter:last-of-type { display: block !important; width: 17px !important; }原创 2019-11-23 22:09:56 · 6880 阅读 · 0 评论 -
js常用验证正则表达式大全带注释(不断更新中)
1 用户名正则//用户名正则,4到16位(字母,数字,下划线,减号)var uPattern = /^[a-zA-Z0-9_-]{4,16}$/;//输出 trueconsole.log(uPattern.test("dishait"));2 密码强度正则//密码强度正则,最少6位,包括至少1个大写字母,1个小写字母,1个数字,1个特殊字符var pPattern = /^.*(?...原创 2019-11-07 22:17:38 · 497 阅读 · 0 评论 -
微信小程序授权登陆以及获取获取openid
<!-- 获取用户登陆信息按钮 --> <button open-type="getUserInfo" @getuserinfo="getWXUserInfo">login</button>//微信获取openid getwxOpenid() { let _this = this let url = 'https://api.wei...原创 2019-11-07 10:23:06 · 2809 阅读 · 0 评论 -
uniapp scroll-view左右联动完整功能
原生的uni-app里面的插件 是不能左右互相联动的<template> <view class="list_box"> <!-- 菜单左边 --> <view class="left"> <scroll-view scroll-y="true" :style="{ 'height':scrollHeight }"> ...原创 2019-11-06 11:47:09 · 10620 阅读 · 1 评论 -
自定义时间插件
<template> <div class="xx-calendar"> <div class="xx-calendar-header"> <div class="header-left" @click="prevMonth()"><i class="iconfont icon-left"></i>&l...原创 2019-10-29 14:54:20 · 510 阅读 · 0 评论 -
vue-cli3.0打包问题
绝对路径修改为相对路径在用npm run build的时候module.exports = { // 基本路径 baseUrl: './', // 输出文件目录 outputDir: 'dist', // webpack-dev-server 相关配置 devServer: { port: 8888, },...原创 2019-08-05 12:13:25 · 753 阅读 · 0 评论 -
在Vue中使用swiper
css 部分 <link rel="stylesheet" href="./lib/swiper-4.5.0/dist/css/swiper.min.css"> <style> html, body { position: relative; height: 100%; } ...原创 2019-08-18 17:02:24 · 899 阅读 · 0 评论 -
vue获取滚动的scrollTop的值
mounted() { // let _this=this window.addEventListener('scroll', () => { let top = document.documentElement.scrollTop || do...原创 2019-08-19 16:39:19 · 14323 阅读 · 3 评论 -
elementUI里面的dataPick 设置当前日期之前的时间禁止选择
html代码 <el-date-picker v-model="value1" type="date" :picker-options="pickerOptions1" ...原创 2019-08-22 14:40:00 · 10337 阅读 · 1 评论 -
vue style中background-image图片路径问题
<div class="active-img" :style="{backgroundImage:`url(${item.goods_image})`在这里插入代码片`}">这个是简单写法<div :style="{backgroundImage: 'url(' +item.goods_image + ')'}">这个是 拼接 写法...原创 2019-08-27 14:07:57 · 6730 阅读 · 2 评论 -
vue-router踩的坑之产品路由之间跳转页面不刷新
使用路由参数时,例如从 /user/foo 导航到 /user/bar,原来的组件实例会被复用。因为两个路由都渲染同个组件,比起销毁再创建,复用则显得更加高效。不过,这也意味着组件的生命周期钩子不会再被调用。复用组件时,想对路由参数的变化作出响应的话,你可以简单地 watch (监测变化) $route 对象: watch: { '$route': function (...原创 2019-09-10 14:25:46 · 1136 阅读 · 0 评论 -
vuex动态获取localStorage里面存储的数据
import vuex from 'vuex'Vue.use(vuex)//挂载const store = new vuex.Store({ state: { scrollTag: false, currency: 'HKD' }, mutations: { getScolltagTrue(state) { state.scrollTag = ...原创 2019-09-11 16:18:36 · 5666 阅读 · 0 评论 -
element-ui DatePicker 日期选择后格式化为yyyy-mm-dd格式的处理
使用format指定输入框的格式;使用value-format指定绑定值的格式。例子 <el-date-picker v-model="orderRequire.birthday" value-format="yyyy-MM-dd" type="date" pl...原创 2019-09-27 10:45:23 · 2346 阅读 · 0 评论 -
Vue图片点击放大预览插件 v-viewer
第一步:npm install v-viewer还要引入css样式import 'viewerjs/dist/viewer.css'第二步注册Vue.use(Viewer)Viewer.setDefaults({ Options: { 'inline': true, 'button': true, 'navbar': true, 'title': true, 'toolbar...原创 2019-09-30 15:42:22 · 1970 阅读 · 0 评论 -
JS实现数字递增特效
<style> div { display: inline-block; } </style></head><body><div id="num" data-to="300" data-speed="1500">0</div>+万<br>&...原创 2019-07-26 14:23:44 · 3136 阅读 · 0 评论