请问如何在ASP.NET MVC 中使用ElementUI

请问如何在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 返回即可

看这个
net MVC +Vue.js+Element UI 笔记
https://www.cnblogs.com/linqing/p/7105711.html

ElementUI 只是一个UI库,你如果要使用这个UI库需要配合vue框架来进行使用。
你的页面渲染方式就得修改,所有相关的数据需要以json返回,并由vue进行渲染。

@是cshtml的关键字符,要写完整的,比如"v-on:click",就不能写成"@click"。这是@是注解,所以你直接@@click就当想v-bind:onclick="function()"这个了