带VueJS和VueJS-路由器的PimCore

Question

如何使用VueJs和VueJS-Router对Pimcore进行扩展？

到目前为止，vuejs在前端…中没有问题但是我不能让VueJs-Router运行。

有没有人有过在pimcore扩展中使用VueJs路由的经验？

谢谢

Answer 1

如果pimcore有main.js

将路由器放在那里

import Vue from 'vue'
import VueRouter from 'vue-router'

then use

Vue.use(VueRouter)

Answer 2

您必须定义primcore布局并正确布线，才能使vue-router工作。

1. 定义使用vuejs
2. 定义到视图路由/(.*)扩展布局

如果您没有定义通配符路由到vue布局，那么primcore将处理url而不是vue-router。希望能有所帮助。

Primcore自定义路由文档：https://pimcore.com/docs/5.x/Development_Documentation/MVC/Routing_and_URLs/Custom_Routes.html

Answer 3

使用以下命令安装vue-router

npm安装vue-router

然后使用

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

有关vue路由器的更多详细信息，请访问officail网站：https://router.vuejs.org/installation.html