关于iview 组件@click不生效解决
说明:再使用iview Step 组件的时候点击时间@click 不生效这么写 @click将不会有任何效果,因为vue的事件处理是监听的DOM事件,而iView内的(Step)不属于DOM解决:包裹一层标签 来绑定事件即可<Sider hide-trigger :style="{backgroundColor:'white'}">...
·
说明:再使用iview Step 组件的时候点击事件@click 不生效 这么写 @click 将不会有任何效果,因为vue的事件处理是监听的DOM事件,而iView内的(Step)不属于DOM
解决:包裹一层标签 来绑定事件即可
<Sider hide-trigger :style="{backgroundColor:'white'}">
<Steps :current="currentStep" direction="vertical">
<div @click="stepClick(0)">
<Step title="入库"></Step>
</div>
<div @click="stepClick(1)">
<Step title="获取二维码"></Step>
</div>
<div @click="stepClick(2)">
<Step title="调试"></Step>
</div>
<div @click="stepClick(3)">
<Step title="安装"></Step>
</div>
<div @click="stepClick(4)">
<Step title="运维"></Step>
</div>
<div @click="stepClick(5)">
<Step title="报废"></Step>
</div>
</Steps>
</Sider>
stepClick(step) {
this.currentStep=step;
},
效果:
点击事件生效了可以配合js可以随意跳转
更多推荐
已为社区贡献2条内容
所有评论(0)