1. npm run build后样式无效
用vue + ElementUI时候遇到问题：dev环境时样式有效，但npm run build部署到服务器上后，style节点的样式不生效了。
原因： 在某个组件中直接使用了elementui组件的class设置样式，但没有设置为私有，使得样式变为全局了。
解决： 在style标签中加入scoped，把样式设置为当前组件私有，即如下面:
<style lang='sass' scoped>
</style>2. 子组件通过$emit传值给父组件时，父组件添加自定义参数。
在子组件中（即ele-component组件）：
this.$emit('getAttrObj', this.attrObj)，
在父组件中：
<ele-component v-for="(component,index) in componentArray" @getAttrObj="getAttrObj"></ele- component>
methods: {
getAttrObj (attrObj, index) {}
}
如何在父组件中添加一个自定义的如index的参数？
解决（来源）： @getAttrObj="getAttrObj($event, index)">。$event就是子组件传回来的参数。
3. ElementUI的checkbox当绑定数据是对象无法双向绑定
<el-checkbox v-model="myData.test"></el-checkbox>
当myData.test初始值是false时，点击checkbox时值实际已经变为true，但checkbox的状态没有改变，即没有重新渲染。即使多次点击，myData.test一直保持为true,组件的渲染状态不变。而如果myData.test初始值是true时，双向绑定正常。
解决办法： 尝试监听checkbox的点击或change事件，通过this.$set(myData, 'test', value)也无效。最简单有效的方法是将checkbox绑定的值设置为普通的值，不用对象，即<el-checkbox v-model="test"></el-checkbox>。（如果有更好的办法还原留言。。。。）
「一键投喂 软糖/蛋糕/布丁/牛奶/冰阔乐！」
(๑＞ڡ＜)☆谢谢老板~
使用微信扫描二维码完成支付
