Vue组件分装之$attrs、$listener传递属性及事件

本文主要是介绍Vue组件分装之$attrs、$listener传递属性及事件，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

 使用v-bind="$attrs"来将父组件的属性传递给自定义按钮

使用v-on="$listeners"将父组件的事件监听器传递给自定义按钮。

使用$slots获取父组件所有插槽以及作用域插槽对应的参数#[name]="scopeData"

这样，自定义按钮就能够直接响应父组件的事件，而不需要手动触发。

  <Select ref="selectRef" v-bind="$attrs" v-on="$listener"><template v-for="(value, name) in $slots" #[name]="scopeData"><slot :name="name" v-bind="scopeData || {}"></slot></template><Option v-for="(item, index) in optionDatas" :value="item.value" :key="item.value + index">{{item.label}}</Option></Select>

这篇关于Vue组件分装之$attrs、$listener传递属性及事件的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---