40 lines
797 B
Vue
40 lines
797 B
Vue
|
<template>
|
||
|
|
<ns-drawer
|
||
|
|
v-model:visible="visible"
|
||
|
|
width="520"
|
||
|
|
:title="' '"
|
||
|
|
:footer-style="{ textAlign: 'right' }"
|
||
|
|
:ok="btnClick"
|
||
|
|
:cancel="handleClose"
|
||
|
|
placement="right"
|
||
|
|
@close="handleClose">
|
||
|
|
状态
|
||
|
|
</ns-drawer>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import { defineComponent } from 'vue';
|
||
|
|
import { ref } from 'vue';
|
||
|
|
|
||
|
|
export default defineComponent({
|
||
|
|
setup() {
|
||
|
|
const visible = ref(false);
|
||
|
|
const handleClose = () => {
|
||
|
|
visible.value = false;
|
||
|
|
};
|
||
|
|
const btnClick = () => {
|
||
|
|
console.log('btnClick');
|
||
|
|
};
|
||
|
|
const toggle = (data) => {
|
||
|
|
console.log(data, 'data');
|
||
|
|
visible.value = true;
|
||
|
|
};
|
||
|
|
return {
|
||
|
|
btnClick,
|
||
|
|
visible,
|
||
|
|
handleClose,
|
||
|
|
toggle,
|
||
|
|
};
|
||
|
|
},
|
||
|
|
});
|
||
|
|
</script>
|