moonlightghost
2019-10-10 10:27
采纳率: 50%
浏览 2.4k
已采纳

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

请问如何在ASP.NET MVC 中使用ElementUI，
麻烦大佬教教详细过程

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

6条回答 默认 最新

  • 面向对象三大概念 2019-10-10 11:09
    已采纳

    我是把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"

    点赞 评论
  • weixin_38409276 2019-10-10 10:53

    ELEMENT-UI使用指南
    https://www.cnblogs.com/wulihong/p/8986815.html

    点赞 评论
  • blownewbee 2019-10-10 11:05

    ElementUI 作为前端框架，直接使用就可以了，和asp.net mvc没有什么关系
    把它的js导入，放入cshtml，它需要的数据，在asp.net mvc控制器里，用 JsonResult 返回即可

    点赞 评论

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

    点赞 评论
  • Thunur~ 2019-10-11 11:21

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

    点赞 评论
  • liusa1997 2020-03-11 22:26

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

    点赞 评论

报告相同问题？

提交

相关推荐 更多相似问题