具有VueJS和VueJS-Router的PimCore

Question

如何使用VueJ和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)

您可以在官方网站https://router.vuejs.org/installation.html

中查看有关vue-router的更多详细信息