随笔分类 -  html

自定义日历表格
摘要:效果如下: 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 奔驰的码儿 阅读(58) 评论(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 奔驰的码儿 阅读(1825) 评论(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)

点击图片放大图片预览左右切换
摘要: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)

JavaScript 前端文件无刷新下载
摘要:使用location.href下载文件 使用windows.open下载文件 利用ajax去提交请求,后端会返回一个线上的文件地址,前端可以通过原生的window.open打开这个地址就可以实现下载;页面会闪一下,体验不好。 阅读全文

posted @ 2019-06-19 17:52 奔驰的码儿 阅读(225) 评论(0) 推荐(0)

h5 video 封面poster IOS下无效不显示,安卓显示正常
摘要:1 2 3 1 #detail{height: auto; width: 100%; overflow: hidden;background: none; text-align: center;background:url('https://staging.all-dream.com/assets/front/img/highlight.png') no-repeat cen... 阅读全文

posted @ 2019-06-11 14:32 奔驰的码儿 阅读(3231) 评论(0) 推荐(0)

强制刷新用户端页面等
摘要:在文件后面加随机数 ?<%=Math.random()%> 如: <script src="${baseurl}/assets/js/student_manage.js?<%=Math.random()%>"></script> <script src="${baseurl}/assets/js/s 阅读全文

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

导航