weixin_45777909的博客

原创 vue 下载附件功能（外部链接）

<el-button size="small" style="margin-top:30px" type="primary"> <a:href="downurl"on-click="returnfalse">模板下载</a></el-button>downurl 就是后端给的文件链接应用场景 ： 用户需要下载个模板文件 点击即可下载到本地其实非常简单 但是做这个的时候还是没想到直接放一个a标签记录一下~ 希望...

原创 【vue 查看pdf格式文档】

// template部分<el-button type="primary" @click.native="viewContract">合同文档</el-button>// script部分 viewContract() { //打开一个新页面 if(this.obj.contractUrl == null) { alert("暂无合同信息，请稍后再试") }else // _blank

原创 将数组中的对象键值替换成相应枚举

在开发的时候 比如需要给后台传数组（里面是对象 后台想接收的对象的属性hobby:'足球'，而不是hobby:'soccer')// datadata = [ { name : '小白' , age : '3', hobby: 'soccer' }, { name : '小绿' , age : '4', hobby: 'sing' }, { name : '小金' , age : '5', hobby: 'dance' },]let hobbyType = { 'soccer' : '

原创 【uni-app】关于跳转到外部pdf格式

写在前面需要注意的是这个url地址后缀必须以.pdf结尾 如果 .pdf后仍带有参数则此方法无效 ```javascriptreadPDFFile() { console.log("下载预览！"); uni.showLoading({ title: '加载中' }); if (this.fileUrl) { uni.downloadFile({ url: this.fileUrl, success: function(res)

原创 【uni-app】tabBar页面需要与公共组件共用翻页失效问题

// tabBar页面// 组件<house-list ref="houseList" v-if="PageCur == 'work'"></house-list>// 组件引入路径import houseList from "./路径";// 引入组件components：{ houseList}// 到达底部事件 methods之外onReachBottom() { // 做个判断 if(this.PageCur == 'work') {

原创 【uni-app】scroll-view在ios系统中滑动不灵敏解决方法

https://ask.dcloud.net.cn/question/98881?notification_id-788351rf-falseitem_id-136468#!answer_136468替换HbuilderX目录下的一个文件 亲测有效

原创 【vue异步加载】

methods: { getStart() { // 岗位查询 const p1 = new Promise((resolve, reject) => { findAll().then((res) => { this.postObj = res.data; resolve(); }); }); // 组织机构 const p2 = new Promise.

原创 【Vue中table单选框怎么操作】

<el-dialog title="新增" :visible.sync="addDialogVisible" width="60%" top="10vh"> <el-table border stripe class="mb20" ref="multipleTable" :data="tableData" v-loading="tableLoading"

原创 数据双向绑定一个数组

原创 vue到期时间不得早于申请时间

原创 【Vue中DatePicker那点事】关于终止时间要大于起始时间的设置

原创 【轮播图】 一个插件就搞定

工作用到轮播图，手写还是比较费时费力的。不妨来个swiper插件，附送网址https://www.swiper.com.cn/里面有swiper5的用法写的很详尽引入文件可以选择下载或用CDN我用的CDN head里面写<link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.css"> ...