vue
文章平均质量分 58
Take_Dream
热爱前端开发
展开
-
vue2开发之实现可复用的轮播图carousel组件
1、千年老规矩,上效果图,说明功能:(1) 实现定时器,鼠标未移上图片时,自动轮播切换(2) 有左右切换按钮,可切换至上一张、下一张(3)有底部小图标,可自由切换至任意一张github参考地址:https://github.com/chuanzaizai/vue_carousel2、组件设计思路:(1)由于是可复用的子组件,图片的宽高、定时器间隔时间、轮播图list应由原创 2017-07-11 09:17:14 · 7358 阅读 · 0 评论 -
一步一步来实现webpack+vue的多页面应用
1、现如今的前端,一提到vue、react、angular,大家第一印象就是单页应用。但是连尤雨溪都说过,他从来没说过vue仅适用于单页应用,下面我们就一步一步来实现多页应用2、全局环境配置和主要使用到的主要开发工具:node、npm、webpack、sass、vueps:这里多说一句,sass的安装依赖淘宝镜像会比较容易:(1) 首先全局环境下配置淘宝镜像(注意:是全局环境,也就是c原创 2017-05-04 11:37:10 · 2855 阅读 · 0 评论 -
vue2中子组件修改父组件传入的prop,并向父组件$emit一个广播事件
1、在vue中: prop 是单向绑定的:当父组件的属性变化时,将传导给子组件,但是不会反过来。这是为了防止子组件无意修改了父组件的状态——这会让应用的数据流难以理解。 另外,每次父组件更新时,子组件的所有 prop 都会更新为最新值。这意味着你不应该在子组件内部改变 prop 。如果你这么做了,Vue 会在控制台给出警告。 更多可参考:https://cn.原创 2017-04-26 10:51:52 · 8206 阅读 · 0 评论 -
vue2实现简单的商品加入购物车和结算功能(前端数据保存方向)
1、最近做电商项目,遇到类似的商品“加入购物车”和“结算功能”,页面大致如下(:下面是demo版):主要功能如下:(1)、用户可以任意修改购买的商品数量,点击“加入购物车”后前端保存 (2)点击“结算”时向后台发送用户已经“”加入购物车“”的商品2、下面我们来看看具体实现步骤:(1)首先,我们需要商品goods,ps:在此项目中,默认的商品数量和加入购物车的数量由后台传入,为1原创 2017-04-10 09:53:36 · 25397 阅读 · 0 评论 -
vue、vue-router切割js,实现按需加载
前言:随着前端技术的发展,富页面越来越多,如果将所有模块打包为一个js,必然会影响性能,所以按需加载是大势所趋********** 只需两步,就能实现第一步:定义router.js第二步:添加webpack配置信息 更多详细信息,可访问github地址:https://github.com/chuanzaizai/vue-load-on-demand原创 2017-03-22 18:13:47 · 6312 阅读 · 1 评论 -
解决iview在requirejs模式下使用报错:组件未注册
1、iview在require(AMD)模式下的使用,如下文,已经配置好main.jsrequirejs.config({ // baseUrl:'./', paths:{ jquery:'jquery.min', less:'less-1.6.3.min', vue:'vue', iview:'iview.min原创 2017-12-21 14:03:52 · 2455 阅读 · 0 评论 -
vue2+iview+require实现AMD模式下的组件化开发、按需加载
1、最近项目遇到的需求:不使用webpack, 采用老设计模式AMD,实现按需加载,组件化开发2、主要技术栈: vue (https://cn.vuejs.org/v2/guide/) iview (http://v1.iviewui.com/) requirejs (http://requirejs.org/) css样式采用l原创 2017-12-21 20:21:58 · 4396 阅读 · 0 评论 -
解决iview 中i-table的render方法this指向window(requirejs模式下)
1、i-table通过render方法渲染的的删除按钮,调用时this指向变成window2、解决方法,用一个变量接收new Vue()的对象即可原创 2018-02-06 17:59:35 · 2602 阅读 · 0 评论 -
解决vue中字符串不换行问题
1、废话少说,直接贴代码 // 1、待处理字符串let str = "【保险公司】↵本产品由复星联合健康保险股份有限公司承保。↵复星联合健康保险股份有限公司是保监会批准设立的专业健康保险公司"// 2、处理方法str = str.split(/\n|\r\n/g,)// 3、处理后的数据变成和索引数组[ '【保险公司】', '本产品由复星联合健康保险股份有限公司承保...原创 2019-07-15 12:02:28 · 4152 阅读 · 0 评论