标签 Vue 下的文章
- 首页
- Vue
Android WebView H5 input file 不支持 multiple 属性多选文件的解决方案
Andrid WebView 不支持文件多选之前使用 Vue 开发了一个 H5 移动端项目，其中有图片上传功能，可拍照上传也可选择文件上传，现在想增加批量多选文件上传，然后发现 Android 竟然不支持 input 的 multiple 属性。网上一翻搜索得出以下结论：如果只是开发 H5 页面，那么很遗憾无法解决。参考：https://segmentfault.com/q/10100000...
Vue 纯前端实现 Excel 表导入导出
使用 Vue 集成 Excel 操作框架 sheetjs，实现纯前端的 Excel 导入及导出。源码https://github.com/ifu25/vue-demo-excel效果
Vue element-ui 键盘回车事件表单自动提交造成页面刷新问题
基于 vue + element-ui 创建了一个页面，顶部需要一个搜索菜单，使用 el-form 包裹了一个 el-input 输入框用于输入关键字，开发过程中遇到下面的问题。问题描述为了用户体验考虑在 el-input 输入框中输入关键字后按键盘回车键将进行搜索，于是为 el-input 绑定了 @keyup.enter.native 事件，但测试时发现在输入关键字按回车后整个页面刷新了...
JavaScript 获取 QueryString 参数
Vue 本身是不提供从 URL 中获取 QueryString 参数的方法的，因为这种操作可以直接通过原生 JavaScript 实现，只需要自己写个简单的方法即可。JS 获取 QueryString 参数：//获取QueryString的数组 function getQueryString(){ var result = location.search.match(new Reg...
Vue vux 表单验证另一方法
vux 表单验证目录似乎没有好的方案，下面是一位网友分享的方法。目前统一在提交逻辑前遍历组件，通过 focus 和 blur 的调用能够触发颜色和错误图标的效果，但是受制于 valid 验证只适用于 x-input 等少量组件，对于cell或其他自定义组件的验证无法处理。var isOK = true; for (var x in this.$refs) { if (this.$refs...
Vue 阻止事件冒泡
问题描述最近使用 vue + vux 组件 开发了一个 H5 应用，cell 设置了链接，然后又在 cell 内部增加了 3 个按钮，点击按钮调用方法后仍会跳转到 cell 设置的链接。解决方案使用 stop 修饰符即可。<x-button mini type="warn" @click.native.stop="xx">反审核</x...
Vue 表单验证插件：async-validator
https://github.com/yiminghe/async-validator另外还有一个：vee-validatehttps://github.com/baianat/vee-validate但此插件和 vux 冲突，无法共用。提示 errors 定义冲突。
vue-longpress 长按事件指令插件
vue-longpress-plugin 是一个 Vue 长按事件指令插件，可以非常简单的实现长按操作，长按时间隔默认800ms，可通过对象字面量参数配置。项目地址https://github.com/ifu25/vue-longpress-plugin使用方法main.jsimport LongPress from '@/plugin/LongPress' Vue.use(LongPre...
vue 路由配置及 webpack 分组打包
如下代码所示，最终打包发布后组件会被放在group-aa.js和group-bb.js两个文件中，这样可以很好的进行业务分离打包，用户访问时只需要下载对应的业务组件所在的文件。export default new Router({ mode: 'history', base: process.env.BASE_URL, routes: [ { path: '/', nam...
Vue UI 控件库收集
本文将持续更新分享微酷收集的基于 Vuejs 的 UI 控件库。PC端element-ui（饿了么出品）http://element.eleme.ioiViewhttps://www.iviewui.comhttps://admin.iviewui.com/ （后台管理模板）https://weapp.iviewui.com （微信小程序 ui 组件）Ant Design Vue（阿里支付宝...
基于 vue + framework7-vue + vue-router 的项目模板
最近研究了下国外的 Framework7 这个 UI 框架，感觉还不错，虽然官方说主打 IOS 体验，但在 Android 上也看着还不错，这里是我组合的一个基于Vue Cli创建的vue + framework7-vue + vue-router项目模板，包含了几个非常简单的页面。包含的页面欢迎页登录页主页卡片页代码地址https://git.weiku.co/ifu25/vue-fram...