vue
彻夜不归
http://81.69.172.17/blog
展开
-
vue 插件库和一些开源项目
鲁大师666 Vue2.0 一些常用插件库UI组件element - 饿了么出品的Vue2的web UI工具套件Vux - 基于Vue和WeUI的组件库mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material - 通过Vue Material和Vue 2建立精美的app应用muse-u...转载 2018-03-08 16:39:41 · 3741 阅读 · 0 评论 -
vue+element el-form中多重表单验证问题
实现效果1.根据项目需求 实现下面展示2.由于存在表单校验且数据格式如下(根据项目需求改造数据结构)如下:[{ name: '张三', rules: { insuranceAmount: { type: 'string', required: true, message: '填写医疗', trigger: 'blur' }, suggestedPremium...原创 2019-04-24 15:50:52 · 4464 阅读 · 1 评论 -
swiper 在Vue中遇到的问题(走马灯效果)
走马灯(效果)原创 2018-12-26 20:48:33 · 3756 阅读 · 0 评论 -
vue+element 项目
Vue* 技术盏: vue+Element+axios+i18n+vuePicturePreview+js-cookie+vue-croppa+wangeditor ` Element-UI 是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架 http://element.eleme.io/#/zh-CN Axios 是一个基于 promise 的 HTTP 库,可以...原创 2018-09-21 11:35:58 · 2953 阅读 · 0 评论 -
vue 中rtmp播放、移动端pdf预览、vux实现tab切换swiper内含上拉加载
https://gitee.com/ai1314/vue-demo.git使用vux中的swiper+Scroller 实现上拉加载![这里写图片描述](https://img-blog.csdn.net/20180823113138936?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMjA0ODM1/font/5a6L5L...原创 2018-08-23 14:30:55 · 4011 阅读 · 0 评论 -
vue和jq中实现点击任意地方关闭弹窗
有时候 开发中会遇到这样一个需求 点击任意地方关闭弹窗 1.先用jq实现效果// 点击任意地方关闭遮罩层 除了指定区域 $('#最大的父容器区域').bind('click', function(e) { var e = e || window.event; //浏览器兼容性 ...原创 2018-05-04 11:26:49 · 3016 阅读 · 0 评论 -
vue中使用js等比压缩图片
最近做一个旅游项目 大家都知道旅游项目图片居多 1.在项目中由于图片尺寸过大 再加上给图片设置了宽高导致图片压缩严重 *下面我给大家看一下原图 2. 设置图片的方式有很多种 可以通过背景图来设置background;在项目中一些小图片建议使用字体图标代替? 3.下面给大家展示设置宽高的图片 ...原创 2018-04-21 00:25:53 · 6859 阅读 · 0 评论 -
vue中keep-alive使用
首先在router中配置当前路由是否被缓存 { path: '/demo1', name: 'demo1', meta: { keepAlive: true // 需要缓存 }, component: resolve => { require(['../view/demo1.vue'], resolve) }},{ ...原创 2018-04-02 10:28:44 · 298 阅读 · 0 评论 -
vue-preview 动态获取宽高
使用vue-preview遇到问题 就是必须设置宽高 官方给出的答案是 预览必须以list对象的形式 以下是我实现的效果图预览效果 : 是获取图片原有的宽高进行设置的 截图方便大家仔细看以下是代码 不指出请指出(谢谢)<template> <div id="app"> <img class="preview-img" v-for="(item...原创 2018-04-01 11:49:10 · 3482 阅读 · 2 评论 -
vue中 进入详情页记住滚动位置(keep-alive)
vue中 进入列表详情计算滚动位置> 有时业务提出这样一个需求 就是从商品页面进入到列表详情页 要保存当前滚动的位置,这里我就想到了keep-alive首先在路由中引入需要的模块 { path: ‘/scrollDemo’, name: ‘scrollDemo’, meta: { keepAlive: true // 需要缓存 }, ...原创 2018-04-08 16:30:07 · 10889 阅读 · 10 评论 -
radio 在移动端自定义
# 在移动端 单选框样式不好看 ui会设计一套单选框样式 开发也就只有按照ui样式来进行开发本人测试 使用2中方法实现单选,动态改变图片,获取选中的值 不足之处请指出(谢谢)以下是实现代码:```javascript<template><div class="bankInfo"><!-- 列表 start--><se...原创 2018-03-04 17:18:04 · 2005 阅读 · 2 评论 -
better-scroll实现饿了么效果
今天看了下饿了么代码 感觉还是很简单的 主要是插件不错点击打开链接 下面是效果图 点击对应的tab滚动切页 (复制代码就能用)以下是代码: 自己改了一下感觉还不错 不懂的js代码对应给了注释<template> <div class="layout"> <!-- S tab --> <div class="tab"> ...原创 2018-03-09 15:03:08 · 4280 阅读 · 3 评论 -
vue中实现文字超过2行... 展开-收起(兼容ie)
先看看实际效果2.需求一步一步分析当文字超出省略号 就想到css样式实现(ie不兼容) overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; ...原创 2019-08-16 17:00:31 · 7272 阅读 · 12 评论