html 中引入elementUI 始终没有效果的原因

最新推荐文章于 2024-08-03 17:41:13 发布

China_中国制赵

最新推荐文章于 2024-08-03 17:41:13 发布

阅读量2k

点赞数 2

文章标签： html elementui javascript

本文链接：https://blog.csdn.net/weixin_53186833/article/details/127954006

版权

注意看文件引入的前后顺序：

    <link rel="stylesheet" href="elementUI/index.css">
        <script src="vue2/vue.js"></script>
        <script src="elementUI/index.js"></script> 
        <!-- 
        此处吃过大亏，注意，必须要先引用vuejS  在引用element的index.js 
         不然死活你都整不出elementUI 效果
         -->

这样就可以了，是不是很草率！

可以去试试看了！

<body>
		<div id="app">
			<h1>{{tst}}</h1>
			<div  v-for="i in 5">
				<el-row>
				  <el-button>默认按钮</el-button>
				  <el-button type="primary">主要按钮</el-button>
				  <el-button type="success">成功按钮</el-button>
				  <el-button type="info">信息按钮</el-button>
				  <el-button type="warning">警告按钮</el-button>
				  <el-button type="danger">危险按钮</el-button>
				</el-row>
			</div>
			
		</div>
		
		
		
		<script>
			new Vue({
				el:"#app",
				data:{
					tst:"html+vue测试",
				}
			})
		</script>
	</body>

这是效果，出来了吧？哈哈哈哈