- 博客(16)
- 收藏
- 关注
RSS订阅原创 封装websocket请求-----vue项目
如果项目中多个组件都使用到WebSocket请求，那么我们需要对WebSocket进行封装，方便我们使用。下面我根据我的项目结构来创建文件和引入文件，大家注意一下自己项目结构。一、在utils目录下创建websocket.js文件import { getToken } from '@/utils/authToken' // 与后端的协商，websocket请求需要带上token参数// 接收ws后端返回的数据/*** 发起websocket连接。
2024-06-21 16:19:05
1896
1
原创 输入框实现@别人功能
支持复制粘贴概要开发任务系统中，业务需求：需要在任务描述、评论等地方支持@人员功能，可以将任务外部人员添加至当前任务中。功能：1、支持输入@展开下拉，可通过鼠标点击或键盘上下移动 + 回车选中人员；2、支持@后继续输入以搜索人员列表；3、输入框@内容支持复制粘贴；4、添加输入框最大输入限制；整体架构流程因时间紧迫，虽然看到了el-input支持Autocomplete属性，但是没空去研究它了，还是用div + contenteditable="true"开撸吧；
2024-06-21 15:33:20
584
原创 uniapp中uview的Upload 上传图片用法
添加image以自定义上传样式，达到身份证，银行卡等不同场景需求。<u-uploadname="6"multiple"></image>-- data 方法请参考 基本用法 -->data(){return{
2024-04-18 13:57:56
676
1
原创 uniapp项目写微信小程序引入高德地图
下好的js文件放在项目中,之后在vue项目中的main.js文件中全局注入。高德地图key需要公司去申请,之后自己在下载。uniapp 官方文档。
2024-04-03 10:21:22
1196
3
原创 postcss-pxtorem 插件自动转换 rem 适用vue2+vuecli-3
rem单位是以html的font-size作为基准实现页面尺寸布局的，那么这样子，如果根节点的font-size我们一直写死37.5px的话，页面的自适应便无法实现了。需要注意的是，修改了vue.config.js文件的配置之后，需要重启项目才会生效。2.根目录新建vue.config.js。3.配套使用rem.js。
2023-12-15 16:54:36
288
原创 Vue2+datav实现大屏可视化 配置移动端页面
好看的echarts图表：https://www.makeapie.com/explore.html#sort=rank~timeframe=all~author=all。
2023-12-05 17:30:33
286
原创 Vue路由导航传参
目前了解到的导航传参有三种方法，以下是三种方法的写法与优缺点1.query传参使用query传参相当于get请求，传递的时候把参数拼接到路径里，优点是刷新的时候数据存在，下面是具体写法：<div id="app"><-- 以对象的形式将数据通过路由传递给组件 --><router-link :to="{name:'fa',query:{name:'张三'}}">点击</router-link> <router-view>&
2022-05-25 21:40:41
398
原创 Vue组件中为什么要用data函数
Vue组件中必须要有data函数，而且并且必须有return从栈内存和堆内存的角度来看，创建的组件标签保存在栈内存中，声明的组件和data对象保存在堆内存中，当在页面上重复使用相同的组件标签时，如果data使用对象形式，那么所有组件标签指向的都是同一data对象，如果在页面上一处更改了数据，那么其他地方引用的组件标签对应的数据也会改变，如果data使用函数形式的话，每次在页面引用组件标签，都会return出一个全新的对象，组件标签与data数据一一对应，数据之间互不影响。Vue里面用data对象，是因为
2022-05-18 21:47:03
1079
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人