VUE 组件内如何给某个需要外部传入的props设置默认值
有一个下拉框组件，下拉框的内容是在组件内通过接口异步获取的。但是下拉框的默认值有可能是从外部传入的，比如说在处于编辑的情况下,需要展示当前的选项。所以下拉框的默认值就绑定了 props里面selectedOptions。当组件外部没有传入selectedOptions的时候,我希望默认值为当前接口返回的数量里面的第一个。
props: {
selectedOptions: {
type: Array,
default:[]
}
},如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
可以在下拉列表请求成功后，判断selectedOptions是否有值，没有的话设置selectedOptions为列表第一个数据
用两个变量存，一个接口获取的一个外部传入的，用短路运算的方式传到视图
相当于组件中使用的下拉可能会更改，所以可以定义一个变量来接收传入
selectOptions，在watch中监听，如果newValue有值，则使用，否则请求接口，将返回的结果赋值给变量