Как Vuelidate и MVC работают вместе? - PullRequest
Новая
       10

Как Vuelidate и MVC работают вместе?

0 голосов
/ 04 ноября 2019

Я использую MVC и пытаюсь включить Vuelidate для использования с Vue JS. Ранее Vue был включен и работал путем рендеринга пакета: 

bundles.Add(new ScriptBundle("~/bundles/vue")
    .Include("~/Scripts/Vue/vue.min.js"));

@Scripts.Render("~/bundles/vue")

Я включил Vuelidate аналогичным образом: 

bundles.Add(new ScriptBundle("~/bundles/vuelidate").Include(
    "~/node_modules/vuelidate/dist/vuelidate.min.js"));

@Scripts.Render("~/bundles/vuelidate")

Vuelidate можно увидеть из инструментов браузера, и это хорошо. Затем я попытался импортировать и использовать Vuelidate в основном Layout.cshtml: 

<script type="module">

    import Vuelidate from '/node_modules/vuelidate'
    Vue.use(Vuelidate)

    import { required, minLength, between } from '/vuelidate/lib/validators'

    export default {
        data() {
            return {
                name: '',
                age: 0
            }
        },
        validations: {
            name: {
                required,
                minLength: minLength(4)
            },
            age: {
                between: between(20, 30)
            }
        }
    }
</script>

Это дало мне ошибку 403: 

Failed to load resource: the server responded with a status of 403 (Forbidden)

Есть идеи, как правильно загрузить Vuelidate в MVC?

...