我对 Vue 和 Form.io 都是新手，所以这里缺少一些简单的东西。我在这个 Form.vue 组件中收到错误“找不到模块：错误：无法解析 'vue-formio'” ：
<template>
<formio src="https://rudtelkhphmijjr.form.io/demographics" v-on:submit="onSubmitMethod" />
</template>
<script>
import { Formio } from 'vue-formio';
export default {
components: {
formio: Formio
},
methods: {
onSubmitMethod: function(submission) {
console.log(submission);
}
}
};
</script>
这是原始 Formio 指令的迭代，它说“在您的 vue 应用程序中嵌入一个表单，使用 [this] formio 组件创建一个 vue 组件”：
<template>
<formio :src="formUrl" v-on:submit="onSubmitMethod" />
</template>
<script>
import { Formio } from 'vue-formio';
export default {
data: function() {
// Load these from vuex or some other state store system.
return {
formUrl: "https://rudtelkhphmijjr.form.io/demographics"
}
},
components: {
formio: Formio
},
methods: {
onSubmitMethod: function(submission) {
console.log(submission);
}
}
};
</script>
但这也返回了“未找到模块：错误”。这是我的 App.vue：
<template>
<div id="app">
<Form />
</div>
</template>
<script>
import Form from './components/Form.vue'
export default {
name: 'app',
components: {
Form
}
}
</script>
我使用 Vue CLI 设置了基本项目，并在启动它之前使用了 npm install --save vue-formio。新手帮助非常感谢！
我也刚刚注意到 vue-formio 没有在 package.json 中注册（作为依赖项？）所以也许这是相关的。