I'm using the exact same code as in the DataTable example: https://primevue.org/datatable/basic.
In the DOM, the DataTable element results in:
Code: Select all
<div data-v-5ccf6f9a="">
<button class="p-button p-component" type="button" responsivelayout="scroll" value="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]">
<!----><!----><!----><!---->
</button>
</div>
If I log the `getProductsSmall()` output in `ProductService.js` I get an array with 10 items.
Dependencies:
Code: Select all
"dependencies": {
"pinia": "^2.0.28",
"primeicons": "^6.0.1",
"primevue": "^3.23.0",
"vue": "^3.2.45",
"vue-router": "^4.1.6",
"vuedraggable": "^4.1.0"
},
"devDependencies": {
"@rushstack/eslint-patch": "^1.1.4",
"@types/node": "^18.11.12",
"@vitejs/plugin-vue": "^4.0.0",
"@vue/eslint-config-prettier": "^7.0.0",
"@vue/eslint-config-typescript": "^11.0.0",
"@vue/tsconfig": "^0.1.3",
"eslint": "^8.22.0",
"eslint-plugin-vue": "^9.3.0",
"npm-run-all": "^4.1.5",
"prettier": "^2.7.1",
"sass": "^1.58.3",
"sass-loader": "^13.2.0",
"typescript": "~4.7.4",
"vite": "^4.0.0",
"vue-tsc": "^1.0.12"
}