时间戳

首页 > 解决方案 > 如何在 mvc html 标签中添加 vue？

c# - 如何在 mvc html 标签中添加 vue？

问题描述

在 mvc 标签中添加 vue 时出现问题，如下所示；

@Html.CheckBox("isNewlyEnrolled", false)

如何在元素内添加 ref、v-model 和 v-if？

我希望它看起来像这样

<input type="checkbox" v-model="checkboxchecked " ref ="checkbox">

或像这样

<input type="checkbox" v-if="!checkboxchecked " ref ="checkbox">

var PortalVue = new Vue({
    data: function() {
        return {
            checkboxchecked : false
        }
    },
    methods: {
        checkboxchecked_method : function () {
            alert("a")
        }
    }
});

标签： c#.netvue.jsmodel-view-controllerrazor

解决方案

您可以使用复选框的第三个参数来添加属性。下划线在 Razor 中被转换为破折号。您还需要 @ 用于保留关键字，例如 ref。

@Html.CheckBox("isNewlyEnrolled", false, new { @v_model = "checkboxchecked", @ref = "checkbox" })

推荐阅读