vue Element学习和问题处理

1. resetForm内容没有完全被重置
在使用resetForm时，会还原数据到初始化data时的值，有时会出现值已修改，但页面无刷新变化。
添加：

this.$nextTick(() => {
  this.resetForm(type);
});

将form的赋值写在后面。

如果还是不行，就将赋值写在

this.$nextTick(function(){****});

2. 编辑时，部分组件赋值有问题，例如autoComplate选择值后无法自动带入到内容框，需要点击其它按钮触发。  
this.form = res.data;  //直接从远端获取内容，给this.form有时不行，form中有一些其它的内容，

Object.assign(this.form, res.data);  //可使用这种形式传递对象内容

 3. 树展开和折叠

for(var i=0;i<this.$refs.treeX.store._getAllNodes().length;i++){
           this.$refs.treeX.store._getAllNodes()[i].expanded=this.isexpand;
        }

4. 校验未清除

 this.$refs.menuform.clearValidate();

5. 有时select元素选择后无法选中，或者其它一些赋值后，页面没有刷新，有可能值太深，导致没有触发upload，可强制使用刷新。

this.$forceUpdate();

 6. 日期控件clearable不起作用

 要使用   :clearable="false"  才可以

7. switch组件的初始值不起作用

 switch中默认支持是true/false，要使用int类型，则需要对值支持转化。在原有的active-value和inactive-value前面加冒号（冒号有属性绑定的意思 v-bind）。

active-value -> :active-value

inactive-value ->  :inactive-value

8.原事件绑定

在使用element中如果要使用原有的事件，即非element组件上提到的事件，则需要添加  .native  ,比如 @click.native=test()

9. tooltip组件的slot#content使用,可支持dom类型。

<el-tooltip class="item" effect="dark" placement="left">
   <div slot="content">132456</div>
</el-tooltip>

 10. form表单label增加icon，使用卡槽绑定

<el-form-item>
   <span slot="label">书籍：
      <i icon="***"></i>
   </span>
</el-form-item>