如何在剃刀的HTML Helper方法中添加带有连字符和冒号的属性？ （vuejs语法）

Question

我想添加 v-on：click 或 @click ，例如以下html帮助器方法：

@Html.TextBoxFor(x => x.ItnScanCaseCode, new { @id="txtid",@click = "onchangeevent();" })

该怎么做？

Answer 1

您可以将Dictionary用于htmlAttributes，如下所示：

@Html.TextBoxFor(x => x.ItnScanCaseCode, htmlAttributes: new Dictionary<string, object> {
    { "v-on:click", "onchangeevent()" },
    { "id", "txtid" }
})

Answer 2

您只需要使用下划线而不是-剃须刀将其替换为连字符。就这么简单！！！

@Html.TextBoxFor(x => x.ItnScanCaseCode, new { @id="txtid",v_on:click = "onchangeevent();" })