40 lines
684 B
Vue
40 lines
684 B
Vue
<template>
|
|
<el-switch
|
|
v-model="status"
|
|
type="text"
|
|
size="small"
|
|
@change="changeHandler"
|
|
/>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
injectData: {
|
|
type: Object,
|
|
default: () => ({}),
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
status: false,
|
|
};
|
|
},
|
|
mounted() {
|
|
this.mapToState();
|
|
},
|
|
methods: {
|
|
mapToState() {
|
|
this.status = this.injectData.status === 0 ? true : false;
|
|
},
|
|
changeHandler() {
|
|
let params = {};
|
|
params.id = this.injectData.id;
|
|
params.status = this.status ? "0" : "1";
|
|
params.username = this.injectData.username;
|
|
this.$emit("emitData", params);
|
|
},
|
|
},
|
|
};
|
|
</script>
|