iview碰到的一些问题总结

iview tabs嵌套使用问题

tabs嵌套使用的时候不是直接套用行了，直接套用会出现内层tab都集成到一级tab去，需要设置该属性指向对应 Tabs 的 name 字段(需要版本大于3.3.1)

<Tabs name="tab1" >
  <TabPane label="标签1" tab="tab1">
    <Tabs name="tab1-1">
      <TabPane label="标签1-1" tab="tab1-1">标签1-1的内容</TabPane>
      <TabPane label="标签1-2" tab="tab1-1">标签1-2的内容</TabPane>
    </Tabs>
  </TabPane>
  <TabPane label="标签2" tab="tab1">
    <Tabs name="tab1-2">
      <TabPane label="标签2-1" tab="tab1-2">标签2-1的内容</TabPane>
      <TabPane label="标签2-2" tab="tab1-2">标签2-2的内容</TabPane>
    </Tabs>
  </TabPane>
</Tabs>

iview表单验证部分失效不通过

首先检查表单中的formItem的prop与v-model的值是否对应

当上述问题排查之后再排查验证规则是否正确，如当前绑定值的数据类型是否为字符串以外的数据类型，iview表单默认只检查字符串类型，如果是其他的数据类型，需要在验证规则中加上相应的数据类型,当加了数据类型之后还是不通过那就写个自定义验证规则