vue
呱嗨喵
这个作者很懒,什么都没留下…
展开
-
vue3 富文本quill
【代码】vue3 富文本quill。原创 2023-10-01 08:19:05 · 310 阅读 · 0 评论 -
vue3 html2canvas 网络图片 空白 及使用
【代码】 vue3 html2canvas 网络图片 空白 及使用。原创 2023-09-23 09:12:33 · 435 阅读 · 0 评论 -
uniapp 九宫格抽抽奖
【代码】uniapp 九宫格抽抽奖。原创 2023-06-16 10:16:38 · 650 阅读 · 0 评论 -
公共部分的css (unapp、 vue、小程序)
【代码】公共部分的css (unapp、 vue)原创 2023-06-13 17:51:59 · 208 阅读 · 1 评论 -
自定义进度条
【代码】自定义进度条。原创 2023-05-29 13:28:08 · 55 阅读 · 0 评论 -
vue3 跨组件传参
【代码】vue3 跨组件传参。原创 2023-05-29 12:49:13 · 190 阅读 · 0 评论 -
vue uniapp ref动态更改dom样式 (微信小程序里面 获取dom ,ref微信小程序用不了)
【代码】vue uniapp ref动态更改dom样式 (微信小程序里面 获取dom ,ref微信小程序用不了)原创 2023-05-28 12:14:24 · 1467 阅读 · 0 评论 -
vue使用高德导航
https://blog.csdn.net/qq_37831545/article/details/127056959?ops_request_misc=&request_id=&biz_id=102&utm_term=vue%E9%A1%B9%E7%9B%AE%E4%BD%BF%E7%94%A8%E9%AB%98%E5%BE%B7%E5%AF%BC%E8%88%AA%E8%B7%AF%E7%BA%BF&utm_medium=distribute.pc_search_result.none-task-blo转载 2023-05-23 16:12:56 · 166 阅读 · 0 评论 -
Checkbox 多选框 vue3
【代码】Checkbox 多选框 vue3。原创 2023-04-11 18:06:35 · 287 阅读 · 0 评论 -
ant Dessign vue3+ts a-upload的上传实现
【代码】ant Dessign vue3+ts a-upload的上传实现。原创 2023-04-03 15:35:33 · 811 阅读 · 0 评论 -
vue3父子简单传参
vue3原创 2023-02-23 12:44:37 · 150 阅读 · 0 评论 -
vue关于eslint的问题
vue关于eslint的问题原创 2023-02-23 11:34:48 · 98 阅读 · 0 评论 -
csss 旋转过度动画 和style三元判断
<template><view class="content"> <view class="text-area" @click="showbut"> <!-- <text class="title" style="transform: rotate(180deg); animation: 1;">{{title}}</text> --> <text class="title" :style="{'transfo原创 2022-12-12 11:26:17 · 266 阅读 · 0 评论 -
vue使用el-upload 上传图片
vue使用el-upload 上传图片原创 2022-09-03 11:39:16 · 906 阅读 · 2 评论 -
给定两个大小分别为 m 和 n 的正序(从小到大)数组 nums1 和 nums2。请你找出并返回这两个正序数组的 中位数 。算法的时间复杂度应该为 O(log (m+n)) 。来源:力扣(L
【代码】给定两个大小分别为 m 和 n 的正序(从小到大)数组nums1 和nums2。请你找出并返回这两个正序数组的 中位数。算法的时间复杂度应该为 O(log (m+n))。来源:力扣(L。原创 2022-09-01 19:04:47 · 474 阅读 · 0 评论 -
查字符串或者查对象值去重
【代码】查字符串或者查对象值去重。原创 2022-09-01 19:00:35 · 69 阅读 · 0 评论 -
uniapp 防抖、节流、网络连接处理 、跳转传参
/** * @description 防抖 * const debounceFn = debounce(function() { }[, 1000]) * debounceFn(args) * or * handleFn: debounce(function() {this.fn()}, 1000) * @param {Function} fn * @param {Number} [delay] 500 * @return {Function} */const debounce = (f原创 2022-08-27 09:48:07 · 659 阅读 · 0 评论 -
html瀑布流
【代码】html瀑布流。原创 2022-07-09 16:36:09 · 1205 阅读 · 0 评论 -
生成二维码
https://download.csdn.net/download/YUlangML/85774075原创 2022-06-25 17:23:36 · 783 阅读 · 0 评论 -
小程序跳装到公众号
uyTXhl3OUFqI7eX0ja8uvw原创 2022-06-25 11:21:38 · 98 阅读 · 0 评论 -
简单封装 js并应用
test原创 2022-06-25 11:15:57 · 77 阅读 · 0 评论 -
h5跳小程序
就可//以了。原创 2022-06-22 09:10:42 · 135 阅读 · 0 评论 -
uniapp 轮播 需要请求接口 vuex 获取用户信息生成海报
x原创 2022-06-20 11:38:51 · 215 阅读 · 0 评论 -
vue-drag-resize拖拽组件的简单使用
vue3npm i -s vue-drag-resize@next//局部使用<template> <div class="home"> <div class="pos"> <VueDragResize class="list" :isActive="true" :w="width" :h="height" v-on:resizing="resize.原创 2022-05-31 14:31:53 · 2430 阅读 · 0 评论 -
简单缩放动画效果
transform: scale(1);//1是原画 transition-duration: 0.6s;//动画效果延时器transform: scale(0.9);//小于一缩小,大于一放大 transition-duration: 0.6s;//动画效果延时器原创 2022-05-30 11:22:21 · 173 阅读 · 0 评论 -
u-popup改主体白块方法
methods: {},options: { styleIsolation: 'shared' },//然后再样式里/deep/.u-mode-center-box { background-color: transparent !important; }原创 2022-05-25 17:29:06 · 409 阅读 · 0 评论 -
vue 过渡动画 使用
<template> <div> <button @click="play('topToTop')">从顶部滑入、顶部滑出</button> <button @click="play('topToBottom')">从顶部滑入、底部滑出</button> <button @click="play('bottomToTop')">从底部滑入、顶部滑出</butto.原创 2022-05-18 17:21:22 · 284 阅读 · 0 评论 -
slot 插槽使用
//子组件 : (假设名为:ebutton)<template> <div class= 'button'> <button> </button> <slot name= 'one' :value1='child1'> 这就是默认值1</slot> //绑定child1的数据 <slot :value2='child2'> 这就是默认值2 </slot> //.原创 2022-05-18 15:04:46 · 106 阅读 · 0 评论 -
表单规则配置
<u-form :model="formData" ref="uForm" :rules="rules" :border-bottom="true" :errorType="['toast']" label-width="160"> <u-form-item label="门店名称" prop="name" required> <u-input v-model="formData.name" placeholder="请输入门店名称" /> <.原创 2022-04-13 15:48:56 · 445 阅读 · 0 评论 -
vue.config.js封装的简易配置
//安装 npm i -D compression-webpack-plugin //settings.jsmodule.exports = { platform: "ES", title: "维达后台管理(华东)", name: "维达(华东)"};// 代码包大小分析// const BundleAnalyzerPlugin = require("webpack-bundle-analyzer").BundleAnalyzerPlugin;// gzi.原创 2022-04-13 14:42:33 · 737 阅读 · 0 评论 -
some 判断数组里某个原始是否存在
var arr = res.data.list let isClockInEd = false; isClockInEd=arr.some(item=>item.status=="NORMAL") if (isClockInEd) { arr.forEach((value,index)=>{ if(!value.sign){ if(value.status=="NORMAL"){ this.currdex.原创 2022-04-12 15:52:50 · 99 阅读 · 0 评论 -
简单的封装js
//一、对 utils.js 通过 export default 默认导出为对象//utils.js 内容://import {Message, MessageBox} from 'element-ui' // elementui 引入(这里根据个人需求决定是否需要导入)export default { //等同于test: function ()... test(x){ console.log(x) }, hello(){ console.log("Hello Wo.原创 2022-04-11 16:18:01 · 773 阅读 · 0 评论 -
数组简便去重方法
function unique(arr) { let hash = {}; return arr.reduce((item, next) => { hash[next.id] ? '' : hash[next.id] = true && item.push(next); return item; }, []); }let lits .原创 2022-04-11 14:21:43 · 778 阅读 · 0 评论 -
vue h5支付宝支付 假设接口
uni.request({ url: this.global.url + "/api/user/recharge", method: "POST", header: { 'content-type': 'application/x-www-form-urlencoded' }, data: { token: uni.getStorageSync("token").token, paytype: tha...原创 2022-03-24 10:32:05 · 1173 阅读 · 0 评论 -
微信小程序高度自适应
<view class="zhuti"> </view> <view v-bind:style="{paddingTop:hei+'px'}"></view> mounted() { var that = this const query = uni.createSelectorQuery().in(this); query.select('.zhuti').boundingClientRect(data => { .原创 2022-03-17 11:38:55 · 693 阅读 · 0 评论 -
JS面试题:数组去重
JS面试题:数组去重 - 掘金 (juejin.cn)1. 普通简单数组去重方法1:利用indexof来去重 const arr = [1,2,3,4,5,6,6,5,4,3,2,1,0] const newArr = arr.filter((it, index, list)=>list.indexOf(it) === index) console.log(newArr) // 输出:1 2 3 4 5 6 0复制代码indexof返回转载 2022-03-14 17:54:30 · 402 阅读 · 0 评论 -
moment 月 季 半年 年
//需要先 安装 moment 的 依赖包 然后 引入 需要的页面 在 methods 里加个" moment," 这个不带双引号//如果这个封装的js 把 moment 它引入封装的 js 里//1月 3季 6半年 12年 getTimeMemon(time_type) { // let starDatattime = "" // starDatattime = new Date().toLocaleDateString() // 最后时间为今天 let endDate.原创 2022-02-28 17:22:32 · 363 阅读 · 0 评论 -
数组遍历循环组成这种结构{513: [“<“, 3], asd: [“≥“, 1]}和解构
let maxDa = "≥" let small = "<" let obj = {}; for (var key in this.levelList) { if (this.levelList[key].where == 1) { obj[this.levelList[key].name] = [maxDa, this.levelList[key].num] } else if (t..原创 2022-02-22 15:04:01 · 233 阅读 · 0 评论 -
数值对象解构Object.values() 和解构 Object.keys()
let arr = [1:"2",3:"3"]console.log(Object.values(arr) )//字符串 2 3console.log( Number(Object.values(arr)) )//纯数字 2 3 let data= {测试1:['≥','1'],测试2:['','1']} let oneList = Object.keys(data) let cheilde = Object.values(data) ...原创 2022-02-21 17:17:23 · 386 阅读 · 0 评论 -
两个数组合成一个或 sum = { [item.id]: item.value }
let arr = [1000,1001,10002,1003]let arr1 = ['zs','ls','ww','zl']let newArr = arr.map((age, i) => ({age, name: arr1[i]}))console.log(newArr);//这是函数事件onDepartmentChange(value, treeNode, data, idnex) {let newArr = value.map((age, i) => ({id:age.原创 2022-02-15 18:07:50 · 326 阅读 · 0 评论