提交 6b98d134 编写于 作者: Neuromancer255's avatar Neuromancer255

多数据视图快速分组组件 --fix1

上级 cf564509
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
<div class="parentGroup" v-if="item.children"> <div class="parentGroup" v-if="item.children">
<span>{{item.label}}</span> <span>{{item.label}}</span>
<ion-select class="app-quick-item-dropdown" interface="popover" selected-text=" "> <ion-select class="app-quick-item-dropdown" interface="popover" selected-text=" " @ionChange="handleCommand($event,item)">
<ion-select-option v-for="childitem in item.children" :key="childitem.id"> <ion-select-option v-for="childitem in item.children" :key="childitem.id">
<ion-icon v-if=" childitem.iconcls && !Object.is(childitem.iconcls, '')" :name="childitem.iconcls"></ion-icon> <ion-icon v-if=" childitem.iconcls && !Object.is(childitem.iconcls, '')" :name="childitem.iconcls"></ion-icon>
<img v-else-if="childitem.icon && !Object.is(childitem.icon, '')" :src="childitem.icon" /> <img v-else-if="childitem.icon && !Object.is(childitem.icon, '')" :src="childitem.icon" />
...@@ -168,9 +168,11 @@ export default class AppQuickGroupTab extends Vue { ...@@ -168,9 +168,11 @@ export default class AppQuickGroupTab extends Vue {
* @memberof AppQuickGroup * @memberof AppQuickGroup
*/ */
public handleCommand($event: any, item: any): void { public handleCommand($event: any, item: any): void {
item.label = $event.label; item.children.forEach((child:any) => {
item.codename = $event.codename; if (child.text === $event.detail.value) {
this.handleClick($event, false); this.handleClick($event.detail.value, false);
}
})
} }
} }
</script> </script>
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册