为了账号安全,请及时绑定邮箱和手机立即绑定

vue使用props默认值如何设定

vue使用props默认值如何设定

饮歌长啸 2018-09-06 14:14:33
1.问题父组件中使用自定义的子组件hello,现在传递了两个参数:<hello :items="languages" :unit="num"></hello>其中num在父组件的data字段指定具体数值如果不指定:unit="num",子组件内该怎样判断是否传入了相应的props变量unit?2.代码子组件hello代码:<template>   </div id="hello">     <ul v=for="item in items">         {{item}}     </ul>     <p>unit:{{unit}}</p>   </div></template><script>export default {  props: ['items', 'unit'] }</script>3.解决方法考虑到有些props变量有默认值,有些没有,需要这样写:props: {  items: {  // 必须提供字段    required: true   },  unit: {   // 可选字段,有默认值    default: 3   } }
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 12192 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信