收到错误消息“避免直接更改道具”并显示按钮

Question

我将道具传递给组件时收到错误消息。该道具是一个显示付款中的按钮元素。某些组件不能显示此按钮，但是当我通过道具时，使用此按钮的所有组件都被隐藏了，这是我的父代码[]

<payment :sharedButton="false"><payment>
这是我的Payment.vue按钮

<div class="col-lg-auto" v-if="unpaid.qr_code === 1 && sharedButton === true">
  <q-btn glossy
    size="md"
    :label="$t('Common.GetQrCode.Button')"
    @click="makePayment(unpaidIndex, true)" color="positive"
  >
  </q-btn>
</div>
export default{
  props: {
    sharedButton: {
      type: Boolean,
      default: true
    },
这是逻辑，当sharedButton为false时将其隐藏，而当sharedButton为true时则显示按钮

预期结果：某些组件中的按钮被隐藏

当前结果：带有按钮的所有组件都被隐藏，可以直接避免更改道具]

我将道具传递给组件时收到错误消息。该道具是一个显示付款中的按钮元素。某些组件不能显示此按钮，但是当我通过道具时，所有...

Answer 1

由于您的错误状态，您正在直接更改道具。通常，最佳做法是与观察者一起复制道具并加以操纵。