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中直接注册了所有的自定义组件 cl文件夹中是自定义的组件额外扩展,平时我们都是在组件中注册其它组件方便引入,其实也可以在main.js中引入组件
网友评论