Hi!,
I'm trying to use ComboBoxComponent (or any included in ej2-vue-dropdowns) with no luck. I'm trying to include the component in the same way that the grid is declared in the Getting Started sample:
<template>
<div>
<ejs-grid :dataSource='data'>
<e-columns>
<e-column field='OrderID' headerText='Order ID' textAlign='Right' :isPrimaryKey='true'
width=100></e-column>
<e-column field='CustomerID' headerText='Customer ID' width=120></e-column>
<e-column field='ShipCountry' headerText='Ship Country' width=150></e-column>
</e-columns>
</ejs-grid>
<ejs-combobox id='combobox' :dataSource='sportsData'></ejs-combobox>
</div>
</template>
<script>
import {
GridComponent, ColumnsDirective, ColumnDirective, Edit, Toolbar,
} from '@syncfusion/ej2-vue-grids';
import { ComboBoxComponent } from '@syncfusion/ej2-vue-dropdowns';
export default {
name: 'Vue3-App',
// Declaring component and its directives
components: {
'ejs-grid': GridComponent,
'e-columns': ColumnsDirective,
'e-column': ColumnDirective,
'ejs-combobox': ComboBoxComponent,
},
...
but I'm receiving the following error:
How should I use dropdowns in Vue3?
Thanks for your help!
Attachment:
src_1425ca38.zip