element UI在vue.js中的使用

Dear 丶 2022-04-08 13:21 143阅读 0赞

### npm 安装 ###

推荐使用 npm 的方式安装，它能更好地和 [webpack][] 打包工具配合使用。

npm i element-ui -S

### [¶][Link 1]CDN ###

目前可以通过 [unpkg.com/element-ui][unpkg.com_element-ui] 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。

<!DOCTYPE html>
    <html>
    <head>
      <meta charset="UTF-8">
      
      <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>
      
      <script src="https://unpkg.com/vue/dist/vue.js"></script>
      
      <script src="https://unpkg.com/element-ui/lib/index.js"></script>
      <script>
        new Vue({
          el: '#app',
          data: function() {
            return { visible: false }
          }
        })
      </script>
    </html>

<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>

[webpack]: https://webpack.js.org/
[Link 1]: https://element.faas.ele.me/#/zh-CN/component/installation%23cdn
[unpkg.com_element-ui]: https://unpkg.com/element-ui/

发表评论取消回复

表情：

评论列表（有 0 条评论，143人围观）

还没有评论，来说两句吧...

相关阅读

相关 element-ui中使用loading

我们通过接口调取数据时，有那么一两秒的时间，是在动态的加载数据，有可能会出现一个暂无数据的尴尬场景，这个时候，我们可以用到loading了。我们可以以下面这种优雅的方...

素颜马尾好姑娘i/ 2024年04月18日 16:15/ 0 赞/ 73 阅读

相关 Element-ui的使用

npm 安装推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。 npm i element-ui -S ![在这里插入图片描述]

迈不过友情╰/ 2023年10月06日 17:52/ 0 赞/ 7 阅读

相关 Vue项目中使用Element-ui

说明：这里我通过一个简单的登录组件，来演示如何在vue项目中使用Element-ui 按需导入element-ui组件打开src目录，找到plugins目录下的ele

分手后的思念是犯贱/ 2023年07月08日 02:42/ 0 赞/ 20 阅读

相关 html中直接使用element-ui

element-ui是饿了么团队基于Vue开发的组件库，所以若要直接在html中使用，需要挂载vue的js文件。 <script src="https://cdn.s

清疚/ 2023年03月03日 08:51/ 0 赞/ 25 阅读

相关【 Element UI 】—Element UI 的基本使用

【 Element UI 】—Element UI 的基本使用一、基于命令行的方式手动安装 npm 安装 npm i element-ui -S

以你之姓@/ 2022年09月16日 04:45/ 0 赞/ 201 阅读

相关在uni-app中使用element-ui

uni-app的相关UI组件库中可能会没有你想要的功能组件，自己去开发的话需要花很多时间，此时咱们可以将别的UI组件库给安装到uni-app中来，达到直接使用该UI组件库的功能

电玩女神/ 2022年08月30日 15:52/ 0 赞/ 344 阅读

相关 element-ui中跑马灯的使用

<template> <div id="app"> <el-carousel :interval="5000" arrow="always">

逃离我推掉我的手/ 2022年05月28日 10:05/ 0 赞/ 335 阅读

相关在 React 中使用 element-ui

根据官方文档在 React 中使用 element-ui Step 1：npm 安装 npm i element-react --save Step 2：下

谁借莪１个温暖的怀抱￠/ 2022年04月10日 08:51/ 0 赞/ 554 阅读

相关 element UI在vue.js中的使用

npm 安装推荐使用 npm 的方式安装，它能更好地和 [webpack][] 打包工具配合使用。 npm i element-ui -S [¶][Lin

Dear 丶/ 2022年04月08日 13:21/ 0 赞/ 144 阅读

相关 vuejs+element UI table的常见的属性及事件

一.table组件的方法，事件 [查看官网][Link 1] 二.常用的事件，属性 (一).属性 1.多选框（type = "selection"）需要

清疚/ 2021年09月15日 07:28/ 0 赞/ 475 阅读