elementUI 选择器 html

最新推荐文章于 2024-04-19 16:52:32 发布

sher lock

最新推荐文章于 2024-04-19 16:52:32 发布

阅读量930

点赞数 1

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

本文链接：https://blog.csdn.net/weixin_45564209/article/details/121942121

版权

前端专栏收录该内容

8 篇文章 0 订阅

订阅专栏

这是用CDN的，所以只要这一个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-switch
    v-model="value"
    active-color="#13ce66"
    inactive-color="#ff4949">
    </el-switch>

  </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 { value: false }//现在一开始是红的，如果这里是true那就一开始是绿的
        
      }
    })
  </script>
</html>

sher lock

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
elementUI 选择器 html

<!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">
复制链接

扫一扫