VB.net 2010 视频教程 VB.net 2010 视频教程 python基础视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
当前位置:
首页 > PHP >
  • [javascript] elementui下el-switch组件的使用

切换状态时使用的这种开关样式的组件 , 比较显眼和方便

先把html组件结构加上,  尽量把值改成true false的形式 , 其他值容易出问题 , 在table中使用如下所示

复制代码
                                <el-table-column
                                    prop="id"
                                    label="操作">
                                    <template slot-scope="scope">
                                        <el-switch
                                            v-model="scope.row.status"
                                            :active-value=true
                                            :inactive-value=false
                                            active-color="#13ce66"
                                            inactive-color="#ff4949"
                                            @change="switchStatus(scope.row.status,scope.row.id)"
                                            >
                                        </el-switch>
                                        <el-button @click="deleteAccount(scope.row.id)" type="text" size="small">删除</el-button>
                                    </template>
                                </el-table-column>
复制代码

方法部分这样写

复制代码
        //切换状态
       switchStatus:function(status,id){
           var data={
               status:status==true?1:0,
               id:id,
           }
           $.post("index.php?r=media/switchtoutiaoaccoutstatus",data); 
       },
复制代码

 

 

如果这篇文章对你有帮助 , 恰好你又需要虚拟主机的空间时 , 可以点击链接200块购买永久香港空间 , 同时也感谢赞助商临清亿联轴承的支持赞助

相关教程