随笔分类 -  vue

Websocket实时通讯
摘要:1 const ws = ref(null) 2 const status = ref('未连接') 3 onMounted(() => { 4 initWebSocket();//实时通讯 5 6 7 }); 8 // 实时通讯 9 // 响应式数据 10 let dataList = $ref( 阅读全文

posted @ 2025-04-11 09:28 奔驰的码儿 阅读(21) 评论(0) 推荐(0)

vue3+vant-ui 上传头像,base64文件流上传及回显
摘要:1 <script setup> 2 import { onMounted, reactive } from "vue"; 3 import { useRouter } from "vue-router"; 4 import request from '@/utils/request'; 5 imp 阅读全文

posted @ 2024-12-20 13:05 奔驰的码儿 阅读(485) 评论(0) 推荐(0)

table列表 图片预览
摘要:1 <el-table-column label="营业执照" align="center" prop="businessLicense"> 2 <template slot-scope="scope"> 3 <el-image 4 style="width: 60px; height: 60px" 阅读全文

posted @ 2024-11-28 16:25 奔驰的码儿 阅读(39) 评论(0) 推荐(0)

检测数组是否有重复字段
摘要:1 IsRepeat(arr) { 2 var hash = {}; 3 for (var i in arr) { 4 if (hash[arr[i]]) { 5 return true; 6 } 7 // 不存在该元素,则赋值为true,可以赋任意值,相应的修改if判断条件即可 8 hash[ar 阅读全文

posted @ 2022-01-11 10:23 奔驰的码儿 阅读(109) 评论(0) 推荐(0)

echarts 之 source and clone函数问题hasOwnProperty is not defined
摘要:图表渲染时报错如下: echarts 实例的 setOption 方法用来加载/更新图表数据,setOption 方法内部首先使用了 zrender 的 clone 函数对 options 进行了拷贝。但是 zrender 的 clone 方法是不严谨的,下面是一处不严谨的源码位置: 1 else 阅读全文

posted @ 2022-01-07 10:16 奔驰的码儿 阅读(727) 评论(0) 推荐(0)

自定义日历表格
摘要:效果如下: 1 <el-row> 2 <el-col :span="24"> 3 <div class="formTable" v-for="(item, index) in formTable" :key="index"> 4 <dl> 5 <dt>{{item.UnitName}}</dt> 6 阅读全文

posted @ 2021-12-20 11:24 奔驰的码儿 阅读(57) 评论(0) 推荐(0)

在 Vue 项目中使用 MQTT
摘要:Vue 是一款由尤雨溪及其团队开发的渐进式 Javascript 前端框架。该框架具备数据双向绑定、组件化、响应式和轻量等特点,搭配其脚手架 Vue CLI 使得开发者更加容易上手,大大减少了学习成本。同时其配备一个专用的状态管理模式 Vuex ,在这里可以集中管理所有组件的状态。 MQTT 是一种 阅读全文

posted @ 2021-11-29 10:33 奔驰的码儿 阅读(1966) 评论(0) 推荐(0)

文件流上传和回显图片
摘要:接收文件流回显图片 1 img = 'data:image/jpeg;base64,' + Img 上传文件流图片 1 <el-upload class="avatar-uploader" :action="ApiUrl + 'api/GaugeType/UploadImage'" 2 :show- 阅读全文

posted @ 2021-11-29 10:05 奔驰的码儿 阅读(356) 评论(0) 推荐(0)

文件流下载
摘要:1 <!-- 下载 --> 2 <el-tooltip :content="$t('SystemSetting.ReportTemplate.Btn.Export')" placement="top"> 3 <el-button size="small" circle type="primary" 阅读全文

posted @ 2021-11-29 09:47 奔驰的码儿 阅读(35) 评论(0) 推荐(0)

uni-app 蓝牙连接热敏打印机
摘要:主要流程: 1.初始化蓝牙适配器openBluetoothAdapter,如果不成功就onBluetoothAdapterStateChange监听蓝牙适配器状态变化事件 2.startBluetoothDevicesDiscovery开始搜寻附近的蓝牙外围设备 3.onBluetoothDevic 阅读全文

posted @ 2021-11-17 16:30 奔驰的码儿 阅读(2717) 评论(0) 推荐(0)

vue webpack打包之后 重新修改配置文件接口API路径,无需修改代码后再打包
摘要:用vue-cli构建的项目通常是采用前后端分离的开发模式,也就是前端与后台完全分离,此时就需要将后台接口地址打包进项目中,但是有的时候需要修改接口地址,为了避免为了修改接口地址而进行修改代码后再重新打包的繁琐,解决呢方法很多,推荐一种最便捷的方法,也是最容易操作的方法,亲测有用! 1.首先我们在pu 阅读全文

posted @ 2021-08-25 16:23 奔驰的码儿 阅读(1824) 评论(0) 推荐(0)

Elenemt UI el-input 输入框无法输入
摘要:1 <el-form-item label="工步名称"> 2 <el-input v-model.trim="WorkStepForm.WorkStepName" @input="ChangeInput($event)" :disabled="dialogType == 'view'" :plac 阅读全文

posted @ 2021-08-02 14:35 奔驰的码儿 阅读(73) 评论(0) 推荐(0)

vue 父子组件传值以及方法调用,平行组件之间传值以及方法调用大全
摘要:vue项目经常需要组件间的传值以及方法调用,具体场景就不说了,都知道。基本上所有的传值都可以用vuex状态管理来实现,只要在组件内监听vuex就好。 vue常用的传值方式以及方法有: 1. 父值传子(props) 1-1:解决一个项目中遇到的问题,父组件给子组件传值第一次子组件是可以接受的, 但是在 阅读全文

posted @ 2021-07-07 16:01 奔驰的码儿 阅读(1633) 评论(0) 推荐(0)

多级table表格展开箭头根据有无数据进行显示与隐藏
摘要:效果如下: 缩减版代码如下: 1 <el-table :data="WorkProcessList" :row-class-name="expandVisible" > 2 <el-table-column type="expand"> 3 <template slot-scope="scope"> 阅读全文

posted @ 2021-07-07 14:44 奔驰的码儿 阅读(820) 评论(0) 推荐(0)

手机端自适应字体大小rem
摘要:1 function fontSize(){ 2 var deviceWidth=document.documentElement.clientWidth>768?768:document.documentElement.clientWidth; 3 document.documentElement 阅读全文

posted @ 2021-03-16 12:50 奔驰的码儿 阅读(285) 评论(0) 推荐(0)

element UI 上传图片后关闭清除图片
摘要:1 6 7 8 9 教师资格证 10 其他证书 --> 11 12 {{item.label}} 13 14 15 16 ... 阅读全文

posted @ 2019-10-24 13:20 奔驰的码儿 阅读(3883) 评论(0) 推荐(0)

Vue列表循环从指定下标开始
摘要:1 2 {{item.label}} 4 阅读全文

posted @ 2019-10-16 11:04 奔驰的码儿 阅读(2206) 评论(0) 推荐(0)

点击图片放大图片预览左右切换
摘要:1 2 3 4 5 6 7 点击图片放大图片预览左右切换 8 9 10 11 17 18 19 20 21 25 26 27 30 ... 阅读全文

posted @ 2019-10-16 10:53 奔驰的码儿 阅读(632) 评论(0) 推荐(0)

导航