[英]How to add two components in one single Vue file to export?
我正在尝试在单个文件中制作两个按钮的组件,以将其导出到ag-grid-vue中的单个列中。 我每列只能显示一个按钮。 这是我的代码:
<template>
<div>
<v-btn fab small style="height: 24px; width:24px; margin-top: -1.5px;"
color='primary'
block='true'
@click.stop="dialogEdit = !dialogEdit">
<v-icon>fa-pencil</v-icon>
</v-btn>
<v-btn fab small style="height: 24px; width:24px; margin-top: -1.5px;"
color='primary'
block='true'
@click.stop="dialogDelete = !dialogDelete">
<v-icon>fa-trash</v-icon>
</v-btn>
</div>
</template>
<script>
import Vue from 'vue';
export default Vue.extend({
methods: {
invokeParentMethod () {
this.params.context.componentParent.methodFromParent(
`Row: ${this.params.node.rowIndex}, Col: ${
this.params.colDef.headerName
}`
);
}
}
});
</script>
我正在网页设计中导入此文件以添加组件,然后在网格的列中使用它来编辑和更新网格中的记录。 它既没有显示错误,也没有更改按钮的样式和边距,但是没有删除按钮的迹象。
发现上面的代码可以正常工作,只需要从两个按钮组件中删除block ='true'。 此属性将按钮扩展到可用空间的100%,以便其他按钮被重叠。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.