类星体\Vue："amountValue"道具的意外突变

Question

我是vue的新手，我收到了这个错误

"；amountValue"；道具

我怎么了？

<q-input v-model="amountValue"></q-input>
<script>

export default defineComponent({
...
props: {
amountValue: Number
},
setup(props, { emit }) {
const amount = computed({
get: () => props.amountValue,
set: (value) => {
emit("update:amountValue", value)
},
})
...
},
})
</script>

Answer 1

您需要使用amount计算属性而不是amountValue属性，因为v-model将直接在生成此警告的子组件中更改amountValue属性的值。

<q-input v-model="amount"></q-input>