随笔分类 - vue
摘要：原理:dispatchEvent 自定义触发事件，常用于自定义鼠标事件或点击事件 ,原生控件input打开上传文件方案：vue项目,点击自己的上传文件图标，通过dispatchEvent主动触发一个自定义上传文件事件 . 原生控件 input accept 属性: accept = "audio/*
阅读全文
摘要：描述：基于vue-awesome-swiper的多视频处理 slideChangeTransitionEnd：轮播切换时暂停播放 父组件 <swiper ref="mySwiper" :options="swiperOption" v-if="bannerList.length" @slideCha
阅读全文
摘要：来源于：https://juejin.im/post/6844903959266590728
阅读全文
摘要：1.在项目根目录中创建.env 或者 .env.xxx 的文件来指定环境变量 .env # 在所有的环境中被载入 .env.local # 在所有的环境中被载入，但会被 git 忽略 .env.[mode] # 只在指定的模式中被载入 .env.[mode].local # 只在指定的模式中被载入，
阅读全文
摘要：虽然加班，最近心情还是可以的，没多少bug找上门。 乐级生悲，遇到了个奇葩的坑，花了点时间百度才解决。。。但我离不开的‘板砖’是安卓的，对此坑是抗拒的，完全没问题。。。 #此坑描述 ...订单详情某按钮点击，通过window.location.href跳转到（外部）第三方链接后，回退后，在ios中生
阅读全文
摘要：坑： 下拉刷新，上拉加载一直处于加载中 原因：未结束此次下拉或上拉 解决：forceUpdate()结束上拉或下拉 无法正常滚动 原因：数据更新了，但页面高度未变化 解决：refresh()重新计算高度 上拉加载除了第一次，其他时候失效 原因：上次上拉加载未结束，无法进行下一次下拉 解决：force
阅读全文
摘要：cube-ui官网：https://didi.github.io/cube-ui/#/zh-CN/docs/quick-start 要求：vue-cli >= 3 安装：vue add cube-ui 安装过程：有些选项需根据需要选择。 注：使用了amfe-flexible。页面使用px就会自动转为
阅读全文
摘要：utils/filter.js /* * @Author: lingxie * @Date: 2020-06-04 13:43:42 * @Descripttion: */ /** * @method: formatTime * @des: 时间格式化 * @param {time} 时间戳或者时间
阅读全文
摘要：目标：将vuex的使用文件分离。一般按状态state，获取state，同步修改state，异步修改state 分离 vuex存放目录： store/index.js /* * @Author: lingxie * @Date: 2020-04-23 13:35:57 * @Descripttion:
阅读全文
摘要：大致样式：初始都展示图片，如有视频，点击图片即可播放。 坑点与要求： 1.若是图片，则不显示视频，若是视频，点击图片则播放视频 2.切换轮播时，关闭其他视频，只播放当前视频 （在swiperOptin中配置） 3.退出当前路由时，停止播放所有视频 完整代码： <!-- * @Author: ling
阅读全文
摘要：前段时间 项目要求做类似京东详情导航。今日有空记录哈！ 坑：window.scrollTo({top: 0, behavior: "smooth" }); 不知为何无法生效 解决：dom取包含总体内容的元素。次例子取 let el = this.$refs.wrapper; 大致样式：gif上看着导
阅读全文
摘要：插槽 更新：2.6.0 中，具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令) 废弃：slot 和 slot-scope特性 插槽目的 个人理解：子组件提供插槽位置（相当于占位），父组件任意提供插槽内容（相当于如何使用这个位置）插槽内容 官方：Vue 实现了一套内容分发的 AP
阅读全文
摘要：demo地址 vuex是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 理解：多个组件共享状态（即数据），由vuex统一管理。 核心概念 state：定义状态属性（变量） gett
阅读全文
摘要：思想：1.应用内部跳转至外部链接时，需处理为打开带原生导航栏的新页面 2.在原生导航栏中处理回退，为了回退后不直接退出应用，需执行其他操作，据hbuilder-窗口管理-关闭页面叙述： http://dev.dcloud.net.cn/mui/window/ mui.back()仅处理窗口逻辑，若希
阅读全文
摘要：今天在项目vue使用了mui,入了坑 绕了一圈，终于解决了 由于取消了Eslint,所以请在.baberlrc中忽略mui.min.js 此时mui已正常引入，报错没有了！！！！！ 若是有Eslint，则在.eslintignre中忽略mui.min.js,写法同上（并为证实）
阅读全文
摘要：<ulclass="way_list"> <li v-if="!isWeixinBrowser" class="group alipay" @click="selete_payway=1">支付宝支付 <i class="fr" :class="selete_payway? 'mCheck':'mC
阅读全文