iview项目中遇到的问题记录

1. Collapse头部的switch开关点击影响面板折叠收起。（switch点击冒泡，Collapse自动收起折叠）

开关.png

<Collapse simple v-model="activePanel">
        <Panel>
          <span>
            <div>
              <span>标题</span>
            </div>
            <div @click.stop>
              <i-switch
                v-model="status"
                @change="statusChange()">
              </i-switch>
              <span class="m-l-10">开关</span>
            </div>
          </span>
          <div slot="content">内容</div>
        </Panel>
</Collapse >

解决办法，给父级添加@click.stop修饰符