Question

我的前端有一个“ v-switch”组件，用于控制系统的一部分。单击此组件可能会在后端发出错误，在这种情况下，我希望将v开关的值设置回原来的值。

该错误从后端发出，并在应用程序的顶级组件中处理，显示一条错误消息，用户可以将其关闭。但是，v开关不会重置。该命令被发送到后端，并且错误被抛出并正确显示。当我单击开关时，get函数中的日志会显示在控制台中，并且正如我期望的那样将其设置为false。只是开关本身不能反映这一点。

这是我的示例代码：

<template>
  <v-switch v-model="usingUsb" :input-value="usingUsb></v-switch>
</template>

<script>
import {usbFuncs} from '@/mixins/usbFuncs'
export default {
  computed: {
    mixins: [usbFuncs],
    usingUsb: {
      get: function () {
        var v = this.getIsUsingUsb()
        console.log(v)
        return v
      },
      set: function (newValue) {
        this.setIsUsingUsb(0, newValue)
      }
    }
  }
}
</script>

我尝试在setInterval中切换“ usingUsb”以定期设置开关，效果很好。

这似乎很常见。有人可以帮我理解为什么开关没有显示从吸气剂返回的值吗？

谢谢！

我如何让UI组件对后端限制做出反应？

0 个答案: