Как проверить на null Vue.JS из Модели ASP.Net?

Question

[Сергей]

Привет. Хочу поместить внутрь метода Vue значения из модели ASP.NET, с предварительной проверкой на null:

new Vue({
        el: "#app",
            data: {
                tags:[]
            },
methods: {
                addTags: function() {
                    if(@Model != null && @Model.Tags != null){
                        this.tags = ((@Model.Tags).split(','));                      
                    }
                    else {
                            this.tags = [];
                    }
                }
            }

Получаю NullReferenceException в строке if(@Model != null && @Model.StringTags != null)

Как правильно сделать?

Спасибо!

Comments

[Сергей]

Прошу прощения за мою тупость.

Модель нельзя вызвать из JS. Razor выполняется на сервере, клиенту передаётся уже готовый Html. JS исполняется уже на клиенте.
В моём случае помогло создание веб апи.

По сабжу, null из модели принимает значение "null" (строки со значением "null", да) в js.

Answer 1

[Сергей]

Лучше будет произвести проверку в Razor, и если она пройдёт, то должен быть вызван метод JS.

@if(Model != null && Model.Tags != null)
                {
                    addTags(@Model.StringTags) // внутри Razor JS не принимается
                    
                }

Как внутри Razor вызвать JS?

Comments

[Vladimir S]

addTags(@Html.Raw(Json.Encode(Model?.Tags)))

[eRKa]

Vladimir S, в этом случае addTags будет считаться частью Razor разметки, а не script и будет падать с ошибкой в рантайме, если нет предкомпиляции вьюшек. Поэтому предположу вариант
@: addTags(@Json.Encode(Model?.Tags))
или возможно сработает

@Html.Raw("addTags(" + Json.Encode(Model?.Tags) + ")")

Answer 2

[eRKa]

Судя по тому, что Вы хотите сделать split, предполагаю, что Model.Tags имеет тип string.
Тогда, как вариант, можно сделать так

addTags: function() {
	this.tags = @Json.Serialize(Model?.Tags?.Split(',') ?? []);
}

Ошибка в этой строке
if(@Model != null && @Model.Tags != null)
потому, что @Model приведется к string в разметке, а @Model.Tags вставится как строка как есть. И в разметке выйдет что-то такое

if(System.Object != null && tag1,tag2,tag3 != null) { ... }

Ну и понятно, что такая разметка в браузере даст ошибку. Поэтому, перед тем как вставить модель в разметку js, лучше делать сериализацию к json. Ну либо делать как-то так
if('@(Model?.Tags ?? "")'.length > 0) { ... }