请问如何在ASP.NET MVC 中使用ElementUI
问题描述:
请问如何在ASP.NET MVC 中使用ElementUI,
麻烦大佬教教详细过程
答
我是把elmentui的文件下载下来然后再引用的,也可以直接引用在线的。
1.引用css
<link href="~/Content/ElementUI/element-ui.css" rel="stylesheet" />
2.引用vue.js(这个直接引用的cdn的)
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
3.引用elementui的js
<script src="~/Scripts/ElementUI/element-ui.js"></script>
4.引用ajax(这个直接引用的cdn的)
<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>
5.实例化vue对象,在script里面
var app = new Vue({
el: "#app",
data: {}
}
)
至于js怎么写,在vue官网可以看。要注意的是,如果在cshtml页面的话,
@是cshtml的关键字符,要写完整的,比如"v-on:click",就不能写成"@click"
答
ElementUI 作为前端框架,直接使用就可以了,和asp.net mvc没有什么关系
把它的js导入,放入cshtml,它需要的数据,在asp.net mvc控制器里,用 JsonResult 返回即可
答
ElementUI 只是一个UI库,你如果要使用这个UI库需要配合vue框架来进行使用。
你的页面渲染方式就得修改,所有相关的数据需要以json返回,并由vue进行渲染。
答
@是cshtml的关键字符,要写完整的,比如"v-on:click",就不能写成"@click"。这是@是注解,所以你直接@@click就当想v-bind:onclick="function()"这个了