VUE 组件内如何给某个需要外部传入的props设置默认值

Question

有一个下拉框组件，下拉框的内容是在组件内通过接口异步获取的。但是下拉框的默认值有可能是从外部传入的，比如说在处于编辑的情况下,需要展示当前的选项。所以下拉框的默认值就绑定了 props里面selectedOptions。当组件外部没有传入selectedOptions的时候,我希望默认值为当前接口返回的数量里面的第一个。

  props: {
    selectedOptions: {
      type: Array,
      default:[]
    }

  },

Answer 1

可以在下拉列表请求成功后，判断selectedOptions是否有值，没有的话设置selectedOptions为列表第一个数据

Answer 2

用两个变量存，一个接口获取的一个外部传入的，用短路运算的方式传到视图

Answer 3

相当于组件中使用的下拉可能会更改，所以可以定义一个变量来接收传入selectOptions，在watch中监听，如果newValue有值，则使用，否则请求接口，将返回的结果赋值给变量