我是需要做一个功能,是html页面上根据json数据动态生成表单。
看到了这个form-create插件。但是他是vue版本的,是否有办法可以再html上引入使用呢。
有没有在html引入过的。我是直接cdn引入的。然后使用不生效,报错好像说没注册组件之类的。
<!DOCTYPE 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>