有关导入Vuelidate库的问题

Question

作为实现表单验证的一部分，我想在Sails.js页面中使用Vuelidate库。该页面使用以下webpage.page.js获取Vue代码：

import Vuelidate from 'vuelidate'

parasails.registerPage('web-page', {
    data: {
        message: '',
        class: ''
    },
    validations: {
       // For Vuelidate
       message: {
         required,
       },
       class: {
         required,
       },
    }, 
});

，它链接到此webpage.ejs视图模板：

<div id="web-page">
  <div class="container d-flex-column justify-content-center">
        <div class="heading-container">
            <p class="h2">Heading</p>
        </div>
        <form action="/someaction" method="post">
            <div class="form-group" :class="{ 'form-group--error': $v.name.$error }">
                <label 
                      for="name" class="form__label">Name</label>
                <input
                      type="text"
                      class="form__input"
                      name="name"
                      v-model.trim="$v.name.$model"/>
            </div>
           <div class="error" v-if="!$v.name.required">Field is required</div>
           <div class="form-group" :class="{ 'form-group--error': $v.class.$error }">
                <label for="class" class="form__label">Class</label>
                 <input
                      type="text"
                      class="form__input"
                      name="class"
                      v-model.trim="$v.class.$model"/>
           </div>
           <div class="error" v-if="!$v.class.required">Field is required</div>
           <button class="btn btn-success text-white" type="submit">Save</button>
        </form>
    </div>
</div>
<%- /* Expose locals as `window.SAILS_LOCALS` :: */ exposeLocalsToBrowser() %>

这会给出一个错误：“不能在模块之外使用导入语句”。我已经安装了Vuelidate npm包。因此，我如何导入Vuelidate库才能使其正常工作？

Answer 1

如果您使用的是赛尔斯web模板，则需要将Vuelidate dist文件validators.min.js和vuelidate.min.js导入到assets/dependencies文件夹。之后，Grunt导入文件，您将能够在没有import的情况下全局使用它们，因为它们将在浏览器中可用。

请查看文档部分The browser-ready bundle is also provided in the package.

https://vuelidate.js.org/#sub-basic-usage