我是需要做一个功能，是html页面上根据json数据动态生成表单。
看到了这个form-create插件。但是他是vue版本的，是否有办法可以再html上引入使用呢。
有没有在html引入过的。我是直接cdn引入的。然后使用不生效，报错好像说没注册组件之类的。
html>
<html>
<head>
<meta charset='UTF-8'>
<link rel="stylesheet" href="/statics/css/common/common.css">
<script src="/statics/vue_element/common.js">script>
<link rel="stylesheet" href="/statics/vue_element/element.css">
<script src="/statics/vue_element/vue.js">script>
<script src="/statics/vue_element/element.js">script>
<script src="/statics/vue_element/axios.js">script>
<script src="https://cdn.jsdelivr.net/npm/@form-create/iview/dist/form-create.min.js">script>
<title>json动态生成表单模板title>
head>
<body>
<div id="app">
<form-create v-model="fApi" :rule="rule" :option="option">form-create>
div>
body>
<script>
let v = new Vue({
el: '#app',
data() {
return {
fApi: {},
rule: [{
type: 'input',
field: 'goods_name',
title: '商品名称'
},
{
type: 'datePicker',
field: 'created_at',
title: '创建时间'
}
],
option: {
onSubmit: function (formData) {
alert(JSON.stringify(formData));
}
}
};
},
mounted() {},
methods: {
},
})
script>
<style scoped>
style>
html>
form-create是一个基于Vue.js的表单生成插件，它需要在Vue项目中使用，而您的代码是在HTML页面中使用，因此无法正常工作。要在HTML页面中使用form-create，您需要将其包装在Vue实例中，并在页面上使用Vue来渲染组件。您可以参考官方文档来了解如何在Vue项目中使用form-create。