摘要:
drawCharts() { let myChart = echarts.init(document.getElementById('main')); let option = { tooltip: { trigger: 'axis', axisPointer: { type: 'line' } } 阅读全文
摘要:
需求:后端返回产品图片和个人信息,前端根据产品链接生成二维码,然后将产品图片、用户信息、二维码生成海报,并点击下载。 这里使用了qrcodejs2、html2canvas、file-saver插件,使用前分别进行安装。 点击海报列表在弹层中显示对应的海报产品,并且生成组合的图片供用户下载。 <u-p 阅读全文
摘要:
uView2.0与uView1.x之间,有着非常大的差异,由于2.0是重构版,所以1.x不能直接升级到2.x版本。 2.0版本优化了一些组件的使用,对加强了form表单的校验。 提供了通用性的customStyle参数,可以方便设置一些基础样式等等。 1.0没有DatetimePicker 选择器组 阅读全文
摘要:
vant组件库中,DatetimePicker 可以通过 min-date 和 max-date 属性确定可选的时间范围。 但他只支持Date类型,时间戳的话会报错,需要转换一下 <van-popup v-model="showStartTime" position="bottom"> <van-d 阅读全文
摘要:
需求:后端返回的地址,点击图标在地图上显示,并且有位置标注。 这里后端只返回了地址,获取经纬度需要自己处理。 <div class="bg_first"> <div class="map" id="allmap"></div> </div> export default { data() { ret 阅读全文
摘要:
项目中,后端返回的文件流,fileName是机构名称+服务器时间。前端需要拿到响应头里的Content-Disposition字段的值,从中获取文件名 在控制台Headers中可以看到相关的字段和文件名,但是在axios里面却获取不到 如果想要让客户端访问到相关信息,服务器不仅要在heade里添加, 阅读全文
摘要:
移动端项目中使用 vut UI组件库。 比较常用的dialog弹出框和Picker 选择器,这两个的样式跟UI设计的不太一样,尤其是border边框在手机ios系统上有兼容问题。 dialog弹框组件 <template> <transition name="confirm-fade"> <div 阅读全文
摘要:
在右下角或者左下角的图标,有时候会遮挡住 数据,体验不是特别好。需要可拖拽、挪动。 结构 <div id="item_box" @click="$router.push('/newAddPersonal')" @touchstart="getDown" @touchmove="getMove" @t 阅读全文
摘要:
实现思路: 1、 页面使用内置组件 keep-alive 实现缓存2、获取列表的滚动距离 3、返回列表页面恢复高度 在路由文件中添加meta信息,将keepalive设置为true { path: '/pubCustomerPage', name: 'pubCustomerPage', meta: 阅读全文
摘要:
ref 和 reactive 都是用来定义响应式数据的。 ref允许我们创建一个任意类型的响应式的ref对象,在使用时需要带上.value 在模板中使用ref对象时,假如ref位于顶层,就不需要使用value,它会自动解包 但如果ref对象是作为一个属性声明于对象之中,在模板中进行运算时仍然要使用. 阅读全文