想要修改element-ui dialog样式，不能直接在<style scoped>里修改，是无效的，应增加<style>标签再写样式。 ...

1.重置element-ui样式时，如果我们不加scoped 直接改element样式会影响到全局其他地方，为解决这个问题，通过查找，找到几个比较好的改变方式。1 2.使用scss/less的方式，加入 /deep/ 通过less以及sass的方式来实现穿透 ...

封装组件： 使用： ...

Vue.js似乎成了一种潮流。 UI框架element-ui也跟着成了一种潮流，不过得承认，至少我个人还是非常认可的，element-ui做的是真不错。 用到element-ui，那么在dialog中搭配form就必不可少。 弹窗内有form表单，而且这个表单需要校验，那么如果目前输入框 ...

情境：有个弹出框dialog，里面是个表单，你想关闭的时候清空所填内容~ Dialog 组件有个关闭时的回调函数close： //关闭dialog，重置表单 resetRegisterForm(){ 　　//得到表单实例，并调用表单重置方法resetFields ...

form表单的重置是以第一次打开的数据作为重置标准,如果先打开的是更新,那么重置之后以第一次更新的数据作为标准; Dialog 中的内容是懒加载的，目前 edit (更新)方法的写法导致 Form 刚加载出来时值就已经是新的了，所以 resetFields 也只能回到新值 ...

第一步：定义 自定义dialog class名 第二步：全局修改自定义样式 自定义dialogStyle有三个儿子，这样只用找到他们就可以自定更改啦 .custonStyle { 　　xxxxx } .custonStyle> ...

要修改dialog的样式不能直接在<style scoped>中修改，这样修改后不会生效。做法是把scoped去掉，然后在dialog标签上自定义一个class，最好不要和其他的class同名，然后通过此class选择器再去修改里面的相关样式即可。 上例是修改弹框中内容 ...