这是vueformulate的写法:
<FormulateForm
v-model="formValues"
>
<FormulateInput
name="name"
label="What is your name?"
validation="required"
/>
<FormulateInput
name="age"
label="How old are you?"
validation="required|number|max:120"
/>
<FormulateInput
type="submit"
label="Sign up"
/>
</FormulateForm>
正常情况下会出现:
当我将它放入我的vue2(环境中导入了vue2的js 还有vueformulate的js)中时:
<div id="order">
<FormulateForm
v-model="formValues"
>
<FormulateInput
name="name"
label="What is your name?"
validation="required"
/>
<FormulateInput
name="age"
label="How old are you?"
validation="required|number|max:120"
/>
<FormulateInput
type="submit"
label="Sign up"
/>
</FormulateForm>
</div>
<script>
var order = new Vue({
el:"#order",
data: {
formValues:{}
}
})
</script>
结果:
报错: 说是没有注册这个组件,
疑问: 但是这个formulateForm是别人写好的模板框架呀,我该如何解决问题呢?达到它该有的显示结果
要在script里面注册组件Vueformulate。。。试了很多次,原来是注册方式写错了。。
使用:Vue.use()注册。 之前用的Vue.component("",)
//注册全局组件VueFormulate到Vue
Vue.use(VueFormulate)
要在script里面注册组件Vueformulate。。。试了很多次,原来是注册方式写错了。。
使用:Vue.use()注册。 之前用的Vue.component("",)
//注册全局组件VueFormulate到Vue
Vue.use(VueFormulate)