vue的ui库使用Element UI,纯html页面,不使用webpack那玩意
2024-09-01 02:13:59
使用手册访问:https://cloud.tencent.com/developer/doc/1270
第一步:在head添加样式
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> 第二步:在html代码之后加
<!-- 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> 注意:使用element标签的div的id必须在new vue{}对象里: 例如:
<body>
<div id="app"> --element标签的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>
new Vue({
el: '#app', ---那么#app就必须在new Vue的el里
data: function() {
return { visible: false }
}
})
</script> 注:不用安装什么npm i element-ui -S 之类的
最新文章
- mac优秀软件介绍
- 自定义刻度的SeekBar
- [译]在Mac上运行ASP.NET 5
- AJAX案例一:发送POST请求
- python核心编程第六章练习6-10
- springmvc学习笔记--Interceptor机制和实践
- ASP.NET中的TextBox下划线
- Setup Oracle 11gR2 for Redhat Linux AS 4 Update 7 x64
- keepalived+haproxy-部署高可用负载均衡
- MySQL Procedure(MySQL存储过程)[转]
- validate 表单验证
- 初用Linux, 安装Ubuntu16.04+NVIDIA387+CUDA8.0+cudnn5.1+TensorFlow1.0.1
- Order&;Shipping Transactions Status Summary
- 程序员50题(JS版本)(四)
- [luogu3648][bzoj3675][APIO2014]序列分割【动态规划+斜率优化】
- 剑指Offer 49. 把字符串转换成整数 (字符串)
- Java中产生随机数的两个方法
- ORACLE日常操作手册
- django创建上下文
- c#NamedPipe命名管道通信例子
热门文章
- 使用Docker遇到的基本命令及问题小结
- C# WinForm开发系列 - ListBox/ListView/Panel【zz】
- Vue 自动获取最新的Vue文件
- MySQL更新丢失
- XML第一次简单入门(Lab分析)
- IDEA导入eclipse项目并部署到tomcat
- mybatis xml文件 -- 报错 invalid comparison: java.time.LocalDateTime and java.lang.String
- opacity(透明度)属性设置
- .net下redis和rabbitmq简单使用demo
- pomelo vscode 调试配置