[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); 
       },