是否可以将VusJS组件用于Moqui屏幕? 我确信您可以渲染Basic HTML但我无法找到VueJS应用程序的挂钩。
需要来自以下场景: 虽然可以将 form-single 小部件设为可折叠,但表单不能。所以我想使用 vue-collapsible (https://github.com/vue-comps/vue-collapsible),但我不知道我应该在哪里注册该组件。
如果没有办法使用vue,也许你可以帮我解决我的具体问题。
答案 0 :(得分:0)
在/ vapps路径中使用的'vuet'渲染模式(与/ apps相对),实际上并不是HTML发送到客户端它是Vue模板。如果查看服务器返回的文本,您将看到已经使用的许多Vue组件(请参阅WebrootVue.js文件的源代码)。您可以使用工具窗口中的“来源”或“网络”标签或其他浏览器中的类似工具在Chrome中查看此内容。如果你检查一个元素,你将看到渲染的HTML,即在Vue运行组件后将Vue模板更改为HTML。
这意味着如果您包含必要的JavaScript文件和CSS文件(如果需要),则可以使用返回的Vue模板中的任何Vue组件。您可以使用带有@type = vuet的render-mode.text元素在XML屏幕文件中内联。
这些都不是在NPM下以VueJS通过XML屏幕在Moqui Framework中使用的方式运行的。换句话说,它不是预先打包的Vue应用程序,具有100%客户端/浏览器呈现,而是混合客户端和服务器呈现方法。
您可以在此Moqui混合方法中包含脚本,使用带有@src属性的脚本元素作为WebrootVue.js文件即时加载的脚本文件。对于像Chart.JS
这样的其他JS脚本,有各种各样的例子