唯心所现，唯识所变-CSDN博客

奇奇怪怪，不可可爱爱转换时间戳，ios报错转换时间戳，ios报错bug:2022-5-30 转为10位或者13位的时间戳，在windows和安卓机上都没问题的，但是ios中会报错，没法识别2022-5-30里面的横杠解决方法:let date = '' let dateData = date.replace(/-/g, '/'); console.log(dateData, 'dates'); time.value = Date.parse(dateData) / 1000; co

2022-06-06 14:31:51 133

原创 vue3.2 lottie-web动画+引入json动画

其实这个插件使用方法特别简单，但是为啥说一下呢，一、是为了自己记录下整体的使用流程，因为也并不是说非常常用，避免以后就忘了，二、是我想记录下和ui的交互，怎么改json；三、是帮助小白GO一、基本使用方法一、基本使用方法1、下载npm install lottie-web2、引入页面中import lottie from "lottie-web"import animationData from '@/assets/animations/data.json' //这个json动画文件是UI给

2022-05-26 18:31:38 1428

原创 vue3.2（setup语法糖）父子组件间传值

一、父给子发信息父组件发送信息给子组件index.vueimport Back from '@/components/common/back.vue'const title = ref('你好呀')// template部分<Back :title="title" />子组件接收父组件信息/components/common/back.vue<script setup>import { toRefs } from 'vue'const props = def

2022-05-23 11:01:40 3386

原创 vue3 路由的嵌套、跳转和传值

**嵌套路由** { path: '/home', component: () => import('../views/Home.vue'), children: [{ path:'', redirect:'/home/product' },{ path:'product', component:()=>import('../views

2022-05-23 10:36:48 561

原创 js 数据处理(二)

js 数据处理(二)为什么又要开一篇js 数据处理(二)呢，原因有两个，上一个数据处理已经写了很多内容了，导致看起来有点儿疲惫，其次是这篇更多记得的可能是es6 或者 vue3方面的，到时候也可能会开个ts的命名为 ts 数据处理(3), 哈哈哈1、es6 解构赋值，使只过滤出一个数组中............

2022-05-05 11:20:37 870

原创按需引入element ui，以及MessageBox消息确认

当码农一年多啦，发现都没有好好去记录下如何引入element ui，恰逢今日天时地利，就来记录下吧，一以贯之的微小积累，来获得最终的结果。脚手架：vue-cli3借助 babel-plugin-component 后，我们可以只引入需要的组件，以达到减小项目体积的目的：npm install babel-plugin-component -D更改.babelrc文件或者是 babel.config.js文件 'plugins': [ [ 'component',

2021-12-17 10:18:57 1341

转载解决props绑定数据，不可篡改（.sync修饰符）

子组件不能直接对父组件prop进行重新赋值，但是注意了父组件是引用类型的时候，子组件可以修改父组件的props里的属性。好了进入主题：当我们使用prop的时候，不想数据是单向流的，想子组件改变的时候父组件也改变，那么我们有两种方法来解决这个问题：1. 比较复杂子组件<template> <div> <input @input="onInput" :value="value"/> </div></template

2021-12-16 16:43:48 1145

原创 vue2 修饰符

浏览文章的时候，忽然看见了 v-model.trim 这个写法，忽感兴趣，特意去查了下，然后发现还有些别的修饰符，都是日常中挺实用的，特来记录下官方链接.trim自动过滤用户输入的首尾空白字符，可以给 v-model 添加 trim 修饰符：<input v-model.trim="msg">.lazy在默认情况下，v-model 在每次 input 事件触发后将输入框的值与数据进行同步。添加 lazy 修饰符，从而转为在 change 事件之后进行同步。上述句子转为大白话就是

2021-12-08 10:27:12 424

原创 el-cascader 联级框动态懒加载数据

先我司需要实现一个先获取省信息，再通过省来获取市级信息，以此类推。效果如下：话不多说，直接上代码啦

2021-11-17 14:54:53 3271 3

原创 vue单页面中使用 highcharts 绘制3D饼图

原本是使用了echarts在弄3D饼图，但只要放进真数据，那个图就会变得不3d了，咋弄都不行，有知道咋弄的铁铁，可以告诉我一下吗 O.O? 谢谢啦~综上原因，我就把大刀对准 highcharts 啦，好了，废话不说了，看下我的这个效果图：安装下所需要的依赖：// 首先安装vue-highchartsnpm install vue-highcharts --save// 由于vue-highcharts依赖于highcharts，我们还需要安装后者npm install highcharts

2021-11-12 09:30:00 2297 2

原创 element ui的分页+前端全权手动处理分页数据

一般来说，都是前端发送页码给后端，后端返回相对应的页面的数据给前端。但是也有额外的原因，导致后端无法分页来拉给前端，必须得一次性全部发给前端，需要前端自己来处理分页。话不多说，上代码：html中： <el-pagination class="pageSty" @current-change="handleCurrentChange" :current-page.sync="currentPage" :page-size="pa

2021-10-28 13:32:51 458

原创数组/对象中的数据变化，但是页面渲染效果不变（爬坑）

事情是这样发生的，我在一个数组中添加了数据，但是数据渲染不出来，并且我也不能强制刷新页面来渲染，因为新添加的数据都存放在前端中，还未保存到后端。那么我通过我如此如此这般这般之后，发现了问题所在，并找到了解决方案~啦啦啦首先先展示下问题代码 this.$refs.addFormRef.validate(async (valid) => { if (!valid) return // 验证成功 let obj = JSON.parse(JSON.s

2021-10-25 09:34:10 997

原创 vue websocket 实现客服聊天功能（基础实现）

本文章主要介绍如何实现一个基本的聊天，后续会添加表情包，传照片等功能其实刚开始接触的时候，我最大的疑惑是聊天功能的前期是否需要搭建什么框架，下载一些什么之类的，结果就是其实websocket可以直接使用，然后前后端搭配，也是免费的，没发现需要收费功能的东西。实现效果图~首先封装一个websocket.js文件（大家可以直接复制，然后把接收数据之类的格式改成自己的就可以啦）import store from '@/store'var webSocket = null;var globalCall

2021-10-06 16:54:24 7243 14

原创 vue 获取浏览器唯一标识符

官方宣称准确度高达99.5%，但我也看到有人说是94%。。。但总的来说也够用了下载npm i fingerprintjs2 -S局部引入import Fingerprint2 from 'fingerprintjs2'使用的具体代码 // 获取浏览器的唯一标识符 createFingerprint() { // 浏览器指纹 const fingerprint = Fingerprint2.get((components) => { //

2021-09-16 11:01:46 3300

原创 vue 点击空白处，关闭指定的div弹框

在需要隐藏的页面中加入@click.stop来阻止点击事件继续传播<div @click.stop> <div v-if="dialogSelected"> <p>啦啦啦</p> <p>啦啦啦</p> </div></div>监听点击事件，并调用函数 mounted() { document.addEventListener('click', this.bodyCloseSelect

2021-08-30 14:32:24 2211

原创 img 带请求头token

框架： vue刚收到这个需求的时候整个人都是懵的，然后开始比较深入了解图片的生成原理。一般开发中，后端会直接传一个图片的尾部路径过来，然后我们直接通过拼接去获取。其实这个过程中和我们请求api一样的原理，都是后端返回一个东西，只不过获取图片的话，后端是直接返回‘图片’，我们通过src直接渲染成图片。那我们现在，要在调用的时候，给予一个token请求头。那么直接在src中拼接肯定就不行的啦。看了下网上的方法，几乎用的都是很原始的那种请求方式，以下我将讲解的是我们日常使用的axios请求方式。在我们ap

2021-08-23 15:14:46 4313

空空如也

空空如也