将一些Vue代码绑定到现有的服务器端生成的HTML

时间:2019-02-11 09:38:42

标签: vue.js

我有一个老式的多页网站,具有多个步骤的结帐流程。这一切都在禁用JS的情况下进行,并且至关重要的是继续这样做。

目前,结帐表单完全没有JS,我想逐步改进它(例如,动态显示或隐藏字段,进行实时验证等)。

我已经用#app div包裹了整个网站,并在其中安装了Vue实例。然后,我创建了一些可以正常工作的组件(但不是很关键,因此,如果禁用了JS,则整个组件将继续工作并且这些组件为空)。

现在我有一个很长的结帐表单,它是在服务器端生成的(例如:<form id='address-form'>)。

最好的方法是将其放入组件中(例如<checkout-form>)并使用它。我不能这样做,因为1)表单是在服务器端生成的; 2)它需要没有JS才能工作。

理想情况下,我希望创建一个没有模板的组件,并将其附加到现有的HTML。

这有可能吗?

编辑:继续挖掘互联网,我发现this tutorial。这正是我的问题,但是如果这是唯一的方法,那么我将恢复为JQuery :)手动复制整个HTML(一个服务器端,另一端在Vue中)绝对不是一个好主意。

0 个答案:

没有答案