html中使用vue 与element-ui

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.bootcss.com/vue/2.6.8/vue.min.js"></script>
<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>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.1.2/jquery.js"></script>
<link rel="stylesheet" href="./css/index.min.css">
<title>Document</title>
<style>
.el-carousel__item h3 {
color: #475669;
font-size: 18px;
opacity: 0.75;
line-height: 300px;
margin: 0;
}
.el-carousel__item:nth-child(2n) {
background-color: #99a9bf;
}
.el-carousel__item:nth-child(2n+1) {
background-color: #d3dce6;
}
</style>
</head>
<body>
<div id="app">
<el-carousel :interval="5000" arrow="always">
<el-carousel-item v-for="item in 4" :key="item">
<h3>{{ item }}</h3>
</el-carousel-item>
</el-carousel>
<el-button @click="visible = true">Button</el-button>
<el-dialog :visible.sync="visible" title="Hello world">
<p>Try Element</p>
</el-dialog>
</div>
<script>
new Vue({
el: '#app',
data: function () {
return {
visible: false,
item:[1,2,3,4]
}
}
})
</script>
</body>
</html>

View Code

 

推荐这些文章:

锟斤铐

输出的结果是多少?
1. //123

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<...

jquery的toggle()函数,显示/隐藏交替

<!DOCTYPE html>
<html lang="en">
<head>
<script src="jquery.js"></script>
<meta charset="UTF-8">
<title>lfj</title&...

HTML标签元素常用列表

HTML 基本文档

<!DOCTYPE html>
<html>
<head>
<title>文档标题</title>
</head>
<body>
可见文本...
</body>
</html>

基本标签(Basic Tag...

HTML 注册案例 学习 制作

1. 案例目标

2. 示例代码
<!DOCTYPE html>
<html lang="en">
<head>
...

商务风格表格的设计与实现.html

2.商务风格表格的设计与实现.html
这个也是简单的实践。
<head>
<meta charset="utf-8">
<title>商务风格表格的设计与实现</title>
<style>
/*设置表格总体样式...

JS三种书写位置

1.行内式
直接写到元素的内部
例如:

<body>
<input type="button" value="唐伯虎" onclick="alert('秋香姐')">
</body>

2.内嵌式
例如:

<head>
<meta charset="UTF-8">
...

HTML的骨架标签

 
 

<html>
<head>
<title></title>
</head>
<body>

</body>
</html>

 

...

简单的HTML界面

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta...

【HTML】1 标签 实体符号

想不出什么骚话开头就先放着吧
哦,这东西挺有意思
HTML超文本标记语言,就是说有很多标签(滑稽)

基本标签
换行标记 双目
换行标记 独目
到 标题字
横线
保留原格式
删除字
插入字(下划线)
粗体
斜体
上标
下标
字体格式(大小颜色等)
```

HTML的基本标签

...

HTML实战:个人信息登记表

效果展示:

代码示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
...

文章标题:html中使用vue 与element-ui
文章链接:https://www.dianjilingqu.com/51439.html
本文章来源于网络,版权归原作者所有,如果本站文章侵犯了您的权益,请联系我们删除,联系邮箱:saisai#email.cn,感谢支持理解。
THE END
< <上一篇
下一篇>>