element-ui - elementUI的Switch开关怎么绑定ajax请求来改变状态？

问题描述

问 题

elementUI的Switch开关怎么绑定ajax请求来改变状态？
demo：
https://jsfiddle.net/mquu1vtt/

要发送ajax请求来改变Switch开关的状态，demo里面那样写没用，不会发送ajax请求。
要怎么做才可以？

解决方案

element-ui的switch没有click事件，你可以按照以下步骤来实现：

1. 加一个disabled属性，阻止点击后自动切换状态
2. 把@click换成@click.native
3. 在click.native的事件处理里面改变status的值

<el-switch v-model="status" @click.native="toggleStatus()" on-color="#13ce66" off-color="#ff4949" on-value="T" off-value="F" disabled></el-switch>

这篇关于element-ui - elementUI的Switch开关怎么绑定ajax请求来改变状态？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！