moonlightghost
moonlightghost
采纳率50%
2019-10-10 10:27 阅读 2.0k

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

5

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

6条回答 默认 最新

  • 已采纳
    jsrgckf 面向对象三大概念 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"

    点赞 评论 复制链接分享
  • caozhy 从今以后生命中的每一秒都属于我爱的人 2019-10-10 11:05

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

    点赞 2 评论 复制链接分享
  • dashicaineng 蔡能教授,网站特聘专家 2019-10-10 12:59

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

    点赞 1 评论 复制链接分享
  • weixin_38409276 weixin_38409276 2019-10-10 10:53
    点赞 评论 复制链接分享
  • MoBanWangTuanDui Thunur~ 2019-10-11 11:21

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

    点赞 评论 复制链接分享
  • qq_40258437 liusa1997 2020-03-11 22:26

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

    点赞 评论 复制链接分享

相关推荐