1.在vue自定义的组件中，有时需要扩展方法
案例：
自定义的table中绑定有on-select方法获取勾选中的数据
_onSelect方法，获取选中项
组件的getSelection方法获取单行或者多行数据
select-table中也有on-select方法
但是select中没有getSelection方法，如果直接调用select-table的getSelection方法会提示没有这个方法的错误
定义了select-table组件的引用
在触发的onSelect方法中调用getSelection方法
提示这个select-table组件中没有这个getSelection方法
我们想在select-table中加上这个方法
下图可以看到，select-table组件中含有table组件
select-table含有table组件
我们在select-table中定义一个getSelection方法，在这个方法中调用table组件的getSelection方法即可
调用table的getSelection方法
注意：同时将我们外部传入的属性值传递到select-table组件中，再由select-table组件传递给table组件
组件中引入了select-table组件，给multiple属性传递了值
select-table的multiple多选属性，获取外部传入的值
select-table的multiple属性被传入的值赋值为true
传递属性给table组件
table组件的selectMultiple属性
table组件根据是多选还是单选来确定返回数组还是对象1
table组件根据是多选还是单选来确定返回数组还是对象2
额外扩展，平时我们都是在组件中注册其它组件方便引入，其实也可以在main.js中引入组件
平常我们在组件中注册子组件引入
main.js中直接注册了所有的自定义组件
cl文件夹中是自定义的组件
网友评论