how to use ...toRefs(state) in <script lang="ts" setup>

[html580]

<script lang="ts" setup> import { ref, toRefs, reactive} from 'vue'; const state = reactive({ // 遮罩层 loading: true, // 选中数组 ids: [], // 非单个禁用 single: true, // 非多个禁用 multiple: true, // 弹出层标题 title: '', // 总条数 total: 0 }); const { single, total, ids, loading, title } = toRefs(state); </script>

must val but i dont want

setup(props, { emit }) {
const state = reactive({
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 弹出层标题
title: '',
// 总条数
total: 0
});
return {
...toRefs(state)
}
}

[liulinboyi]

There are <script lang="ts" setup> example and <script lang="ts"> example, hopes can help you.

To make it easier to viewing and solve the problem, next time you ask a question, I think you can format the code, thanks!