element UI在vue.js中的使用

Dear 丶 2022-04-08 13:21 120阅读 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 条评论，120人围观）

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

相关阅读

相关 element-ui中使用loading

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

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

相关 vue使用element-ui

vue使用elementUI [https://www.jianshu.com/p/070c6e2b665c][https_www.jianshu.com_p_070c6e2

水深无声/ 2022年10月09日 06:20/ 0 赞/ 141 阅读

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

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

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

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

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

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

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

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

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

相关关于element-ui中的一些使用技巧

1. 今天写auto-complete=“on” 的时候并没有效果，这个属性的意义是当获取光标可以帮助你输入，显示的都是你曾经输入过的东西，但是这个需要name

Bertha 。/ 2022年04月25日 09:36/ 0 赞/ 201 阅读

相关在 React 中使用 element-ui

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

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

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

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

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

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

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

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

相关 element-ui使用指南

1. 下载插件 npm i element-ui -S 1. 在`main.js` 输入以下代码 import ElementUI from "ele

梦里梦外;/ 2021年07月25日 11:07/ 0 赞/ 330 阅读