vue3报错:Uncaught TypeError: ‘set‘ on proxy: trap returned falsish for property ,2022/6/21am
Uncaught TypeError: 'set' on proxy: trap returned falsish for property ,
·
报错原因分析:源代码
<template>
<div class="ordersDialogContant">
<!-- 弹框 -->
<el-dialog
v-model="dialogVisibled" 使用报错地方
title="Shipping To:"
width="35%"
@close="handleClose"
>
<!-- 表单 -->
</el-dialog>
</div>
</template>
<script lang="ts">
import { defineComponent, toRefs, reactive, computed, ref } from 'vue'
import { useStore } from 'vuex'
export default defineComponent({
name: 'ordersDialogContant',
props: { ShowdialogVisible: Boolean },
setup (props, ctx) {
const Store = useStore()
const data = reactive({
dialogVisibled: computed(() => { 封装到了date数据中
return props.ShowdialogVisible
})
})
return {
...toRefs(data)
}
}
})
</script>
报错原因分析:vue3一些需要单独使用有特殊意义的字段需要单独定义
<template>
<div class="ordersDialogContant">
<!-- 弹框 -->
<el-dialog
v-model="dialogVisibled"
title="Shipping To:"
width="35%"
@close="handleClose"
>
<!-- 表单 -->
</el-dialog>
</div>
</template>
<script lang="ts">
import { defineComponent, toRefs, reactive, computed, ref } from 'vue'
import { useStore } from 'vuex'
export default defineComponent({
name: 'ordersDialogContant',
props: { ShowdialogVisible: Boolean },
setup (props, ctx) {
const Store = useStore()
const dialogVisibled = computed(() => { 注意此时需要单独定义,不可封装在data中
return props.ShowdialogVisible
})
const data = reactive({
})
return {
...toRefs(data),
dialogVisibled 单独定义后记得导出
}
}
})
</script>
更多推荐
已为社区贡献2条内容
所有评论(0)