随笔分类 -  VueJS

接入钉钉企业免登陆遇到的坑！！！！
摘要：今天接入免登陆遇到个大坑，看官方文档上写了，先引入dingtalk.js, 然后配置dd.config({...}) 接着dd.ready(function(){ .......... }); 问题出现了，dd.ready 怎么也不运行，折腾了一下午，就差跪下来求他了，最后一个不经意的删除dd.co 阅读全文
posted @ 2017-05-17 20:18 乌梅 阅读(9575) 评论(4) 推荐(0)
Vue中mapMutations映射方法的问题
摘要：今天又被自己给蠢到，找了半天没发现问题。大家看下代码。 mutation-types.js 里我新增了一个类型。INIT_CURRENTORDER mutations.js里也增加了一个对应的事件 [INIT_CURRENTORDER](state) { let order = getStore(' 阅读全文
posted @ 2017-05-05 10:09 乌梅 阅读(15852) 评论(1) 推荐(0)
Vuex中mapState的用法
摘要：今天使用Vuex的时候遇到一个坑，也可以说是自己的无知吧，折腾了好久，终于发现自己代码的错误了。真是天雷滚滚~~~~~~ index.js mapState通过扩展运算符将store.state.orderList 映射this.orderList 这个this 很重要，这个映射直接映射到当前Vue 阅读全文
posted @ 2017-05-04 11:14 乌梅 阅读(106074) 评论(2) 推荐(9)
使用webpack打包css和js
摘要：1.安装webpack. 2.创建一个文件夹app. 3.新建文件test.js. 4.新建文件test2.js 5.新建style.css. 6.新建一个html页面 7.现在开始打包js和css. 至此，我发现文件夹中多了一个bundle.js的文件。在html页面中引用后就可以正常使用。 *注 阅读全文
posted @ 2017-03-30 15:23 乌梅 阅读(9032) 评论(0) 推荐(0)
VueJS实现一个货币结算自定义控件
摘要：Vue.component('currency-input', { template: '\ \ {{ label }}\ $\ \ \ ', props: { value: { type: Number, default: 0 }, label: { type: S... 阅读全文
posted @ 2017-03-21 14:50 乌梅 阅读(2763) 评论(0) 推荐(0)
VueJS 组件参数名命名方式和前台显示
摘要：camelCase（驼峰式） 和. kebab-case（短横线式） HTML 特性是不区分大小写的。所以，当使用的不是字符串模版，camelCased (驼峰式) 命名的 prop 需要转换为相对应的 kebab-case (短横线隔开式) 命名： 如果你使用字符串模版，则没有这些限制。 这个横线 阅读全文
posted @ 2017-03-21 14:03 乌梅 阅读(2607) 评论(0) 推荐(0)
VueJS 事件修饰符
摘要：事件修饰符 在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation()是非常常见的需求。尽管我们可以在 methods 中轻松实现这点，但更好的方式是：methods 只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。 为了解决这个问题， 阅读全文
posted @ 2017-03-21 11:27 乌梅 阅读(10094) 评论(0) 推荐(0)