前端组件搭配网

void_String

已于 2023-06-11 13:09:27 修改

阅读量115

点赞数

分类专栏： html 文章标签： vue.js elementui 前端

于 2022-05-17 16:39:36 首次发布

本文链接：https://blog.csdn.net/void_String/article/details/124824270

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

https://element.eleme.cn/#/zh-CN/component/installationhttps://element.eleme.cn/#/zh-CN/component/installation

html 组件样式配置网: Element - The world's most popular Vue UI framework

1. vue.js 组件配置网: 已过期,等待更新中...
https://unpkg.com/vue/dist/vue.js

2. index.js 组件库配置网:
https://unpkg.com/element-ui/lib/index.js

3. index.css 样式配置网:
https://unpkg.com/element-ui/lib/theme-chalk/index.css

4.引用html页面

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <!-- import CSS -->
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>
<body>
  <div id="app">


    <el-button @click="visible = true">Button</el-button>
    <el-dialog :visible.sync="visible" title="Hello world">
      <p>Try Element</p>
    </el-dialog>



  </div>
</body>
  <!-- import Vue before Element -->
  <script src="https://unpkg.com/vue/dist/vue.js"></script>
  <!-- import JavaScript -->
  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
  <script>
    new Vue({
      el: '#app',
      data: function() {
        return { 
            visible: false 
        }
      }
    })
  </script>
</html>

void_String

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端组件搭配网

https://element.eleme.cn/#/zh-CN/component/installationhttps://element.eleme.cn/#/zh-CN/component/installationhtml 组件样式配置网:Element - The world's most popular Vue UI framework1.vue.js 组件配置网:https://unpkg.com/vue/dist/vue.js...
复制链接

扫一扫