接口写好了吗 2023-01-16 10:16 采纳率: 80.2%
浏览 14
已结题

form-create如何在html上引入使用

我是需要做一个功能,是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>

  • 写回答

2条回答 默认 最新

  • m0_54204465 2023-01-16 10:20
    关注

    form-create是一个基于Vue.js的表单生成插件,它需要在Vue项目中使用,而您的代码是在HTML页面中使用,因此无法正常工作。要在HTML页面中使用form-create,您需要将其包装在Vue实例中,并在页面上使用Vue来渲染组件。您可以参考官方文档来了解如何在Vue项目中使用form-create。

    评论

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 3月9日
  • 创建了问题 1月16日

悬赏问题

  • ¥15 基于卷积神经网络的声纹识别
  • ¥15 Python中的request,如何使用ssr节点,通过代理requests网页。本人在泰国,需要用大陆ip才能玩网页游戏,合法合规。
  • ¥100 为什么这个恒流源电路不能恒流?
  • ¥15 有偿求跨组件数据流路径图
  • ¥15 写一个方法checkPerson,入参实体类Person,出参布尔值
  • ¥15 我想咨询一下路面纹理三维点云数据处理的一些问题,上传的坐标文件里是怎么对无序点进行编号的,以及xy坐标在处理的时候是进行整体模型分片处理的吗
  • ¥15 CSAPPattacklab
  • ¥15 一直显示正在等待HID—ISP
  • ¥15 Python turtle 画图
  • ¥15 stm32开发clion时遇到的编译问题