- 博客(10)
- 收藏
- 关注
原创 前端导出下载文件功能
工作中经常碰到的需求,点击按钮下载文件,其实这个功能非常简单,如下:let a = document.createElement('a');//创建a标签 a.href = res.data;//后端返给你的文件url地址 document.body.appendChild(a); a.click();//触发下载 document.body.removeChild(a);就是这么简单...
2021-12-02 17:37:04 858
原创 vue父子组件传值的方法
vue父子组件传值的方法方法一用.sync修饰符实现father.vue<div> <son :test.sync='test'></son></div>data() { return { test:'111' }; },son.vue<div> <div>{{test}}</div> <button @click="change"
2021-09-08 16:49:04 155
原创 element-ui table组件展开行 默认展开
在vue项目实际开发中,经常需要用表格,element-ui为我们提供了很多类型的表格,其中,当行内容过多并且不想显示横向滚动条时,可以使用 Table 展开行功能,实现这样的效果布局代码如下<el-table-column type="expand"> <template slot-scope="props"> <div class="material_box"> <div class="material
2021-07-06 15:57:59 3117 1
原创 微信小程序--input,textarea等原生组件层级太高穿透覆盖在其它元素之上解决方案
input,textarea都是原生组件,层级高到用z-index都无法改变。在底部有固定按钮的时候,滑动后input和textarea的placeholder和value值都会显示在固定按钮上面,如下图布局如下<view class="actionbox flex"> <view class="action_left" bindtap="openCancelModel">取消订单</view> <view class="act
2021-06-25 10:40:15 1958
原创 微信小程序:web-view嵌套的h5页面退出后音频没有停止播放的解决方法
微信小程序的web-view可以嵌套h5页面,h5内容可以在小程序上展示。<web-view src="{{url}}?isLogin={{isLogin}}&id={{id}}&userId={{userId}}></web-view>传参方式如上碰到的问题是:当进入到H5页面时,会播放音乐,当返回到小程序或者退出小程序后,在微信聊天界面音频还在继...
2019-06-05 16:54:32 4573
原创 微信小程序:实现密码的可见与隐藏功能(真机有效)
像常见的app在注册,登录的时候会有输入密码的一项,通常又分为密码可见与不可见之分,微信小程序也存在这一的需求,刚开始的思路是利用input的type属性text和password来切换状态,但在真机上测试时ios上存在问题。后面改为用两个input来实现。页面布局如下 <view class="content flex"> <view clas...
2019-06-05 15:44:40 10002 4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人