Java川 2022-01-29 22:28 采纳率: 80%
浏览 22
已结题

vue2如何使用vueformulate

这是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>

正常情况下会出现:

img

当我将它放入我的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>

结果:
报错: 说是没有注册这个组件,

img

疑问: 但是这个formulateForm是别人写好的模板框架呀,我该如何解决问题呢?达到它该有的显示结果

  • 写回答

2条回答 默认 最新

  • Java川 2022-02-03 12:46
    关注

    要在script里面注册组件Vueformulate。。。试了很多次,原来是注册方式写错了。。
    使用:Vue.use()注册。 之前用的Vue.component("",)

    //注册全局组件VueFormulate到Vue
       Vue.use(VueFormulate)
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 2月11日
  • 已采纳回答 2月3日
  • 创建了问题 1月29日