切換狀態時使用的這種開關樣式的組件 , 比較顯眼和方便
先把html組件結構加上, 盡量把值改成true false的形式 , 其他值容易出問題 , 在table中使用如下所示
<el-table-column prop="id" label="操作"> <template slot-scope="scope"> <el-switch v-model="scope.row.status" :active-value=https://www.cnblogs.com/taoshihan/p/true :inactive-value=https://www.cnblogs.com/taoshihan/p/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=https://www.cnblogs.com/taoshihan/p/{ status:status==true?1:0, id:id, } $.post("index.php?r=media/switchtoutiaoaccoutstatus",data); },
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/38648.html
標籤：PHP
上一篇：PHP 中的閉包函式和匿名函式