How to add attributes with hyphen and colon to Html Helper methods in razor? (vuejs syntax)

Question

I want to add v-on:click or @click in like following html helper method:

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

How to do that?

Answer 1

You could use a Dictionary for htmlAttributes like this:

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