- 博客(18)
- 收藏
- 关注
原创 vue支持小数的slider滑块组件的使用 ,vue-slider-component
vue-slider-component使用$ npm install vue-slider-component --save<template> <div style="margin: 50px 0 0 100px;width: 400px"> <vueSlider ref="slider" :dotSize="[10, 10]" v-model="value" :min="min" :max="max" :interval="step"
2022-04-24 17:04:11
3458
原创 vue3 + webpack 的 element-plus的引入
首先安装 element-plusnpm i element-plus -S1.全局引入 main.js/ts首次加载组建过多 性能差 不推荐import ElementPlus from 'element-plus'import 'element-plus/dist/index.css'createApp(App).use(ElementPlus).mount('#app')2.按需引入配置vue.config.js(没有这个文件的话,根目录下自己创建)/** * 自动导入 *
2022-01-26 11:15:03
2089
原创 Javascript 两种函数类型
Javascript Function两种类型:声明式函数 表达式函数fn() 函数表达式:/** * 函数表达式声明的函数不可以在函数被赋值之前调用 * 函数表达式的值是在JS运行时确定,并且在表达式赋值完成后,该函数才能调用 */ // fn() // errorvar fn = function () { console.log("我是函数表达式 ====> 1");}var fn = function () { console.log("我是函数表
2022-01-11 13:13:11
428
原创 Vue2与Vue3实现响应式的区别
Vue2 响应式 Object.defineProperty()对象的读取使用Object.defineProperty 的get()方法对象的修改使用Object.defineProperty 的set()方法当实际业务中,对对象进行添加或删除时无效的,页面也不会进行响应式的修改;Vue2想要让数组为响应式数组是需要重写数组的,需要使用到数组的处理方法;Vue2 使用Vue.$set()实现响应式数据操作Vue3 响应式 使用Proxy代理对象把普通对象变化为响应式对象 new P
2021-11-17 17:09:50
858
原创 uview!form表单校验不好用,自定义方法
//表单校验 // params form表单对应model rules表单检验rules checkRules(params, rules) { for (let key in rules) { let arr = rules[key] for (let i = 0; i < arr.length; i++) { let rule = arr[i], val = params[key] === 0 ? '0' : params[key]
2021-06-10 13:21:54
6324
原创 uniapp,高德地图实现选址功能(字节小程序)
<template> <view class=""> <!-- 地图 --> <view class="map_container"> <map class="map" id="myMap" :longitude="longitude" :latitude="latitude" scale="16" :markers="markers" @callouttap="callouttap" @markertap="markertap"
2021-06-09 17:11:20
1614
原创 uni-app项目在多端的运行(微信小程序,安卓,IOS)
uni-app如何运行在微信小程序1 · HBuilderX:运行->运行到小程序或模拟器->运行设置->微信开发者工具路径(找到微信开发者工具所在电脑中的路径)选择路径以后 打开微信开发者工具2 · 微信开发者工具:设置->安全设置->开启服务器端口3 · 再回到HBuilderX:运行->运行到小程序或模拟器->微信开发者工具。微信开发者工具会自动弹出,项目就运行在微信开发者工具上了...
2020-12-15 17:25:51
523
原创 elementui Messagebox自定义弹窗大小
elementui Messagebox自定义弹窗大小this.$alert('message', { confirmButtonText: 'sure', customClass: 'msgbox' // 自定义一个class名});给弹窗自己想要的样式,样式不可写在带有scoped的style标签里。在使用了>>>和/deep/方法后都不可更改样式。<style>.msgbox { width: 100%;}@media screen and (
2020-10-21 17:29:00
11009
2
原创 关于SnailSVN没有~/.ssh文件 以及创建后找不到.ssh的问题
没有.ssh文件的情况下,打开mac自带的终端输入mkdir .ssh命令,则创建完毕!找不到.ssh文件,终端输入open ~/.ssh回车。则可找到文件位置!
2020-09-26 10:44:43
709
4
原创 js获取当前日期,比较日期大小
获取当前日期var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth() + 1; //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取当前星期X(0-6,0代表星期天)m
2020-09-18 13:30:42
2352
原创 vue的路由守卫权限设置
{ name: 'GoBuy', path: 'goBuy', meta: { requiresAuth: true // 在需要守卫的路由加上守卫条件 }},router.beforeEach((to, from, next) => { const islogin = store.state.isLogin // 这了是取到的vuex里的登录状态 if (to.meta.requiresAuth && !isl
2020-09-11 11:32:26
296
原创 vue 上传图片前压缩图片
图片压缩<input type="file" id="file" @change="changeFile()" accept="image/jpeg,image/gif,image/png" multiple="multiple" style="opacity: 0;">changeFile() { var that = this; var Files = document.getElementById('file').files[0]; this.uploadSectionF
2020-09-09 16:35:34
571
原创 调换数组中指定的两个元素的位置
调换数组中指定的两个元素的位置方法1 使用两个数组判断元素索引的方法let arr = [1,2,3,4,5,6,7];let arr1 = [];arr.map((item, index) => { if (index === 2) { arr1.push(arr[3]) } else if (index === 3) { arr1.push(arr[2]) } else { arr1.push(item) }});console,log(arr
2020-09-01 10:40:36
5388
原创 ES6的new Map()
ES6的new Map()ES6 提供了 Map 数据结构。它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。也就是说,Object 结构提供了“字符串—值”的对应,Map 结构提供了“值—值”的对应,是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构,Map 比 Object 更合适。let map = new Map();let name = '小明';let obj = { age: 20, money: '一元', se
2020-09-01 10:23:08
912
原创 vue点击实现一键复制功能
vue点击实现一键复制文本内容页面标签 Dom<input type="text" id="copyValERC20"/>这里的data-clipboard-target="" 是点击后你所要复制哪个标签里内容的 可以是绑定的id或者class 我这里想要复制的是 id="copyValERC20"的input标签里的内容 所以data-clipboard-target="copyValERC20" <div class="copyBtn" data-clipboard-targe
2020-08-28 14:53:04
1871
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人