之前写了讲element-ui下载到本地的方法:
但是,下载下来后要去使用发现只有官方文档里的首个例子可以正常运行,之后的各个脚本执行都是样式无效的,需要去修改一些内容。
首先,引用本地element-ui
<script src="/static/html/common/vue.min.js"></script>
<script src="/static/html/template/element-ui/lib/index.js"></script>
<link rel="stylesheet" href="/static/html/template/element-ui/lib/theme-chalk/index.css">
之后,在body里创建一个div
<div id="app">
//此处放入官网html代码
</div>
在div里放入官网的html部分代码,然后把style代码自己选个位置放。
最后,需要加入new Vue
new Vue({
el: '#app',
)}
如果官网示例里有export default里有data 或methods的,则提取对应的内容放到new Vue里的data或methods即可即可。
<script>
new Vue({
el: '#app',
data:function(){
return {
value: [new Date(2016, 9, 10, 8, 40), new Date(2016, 9, 10, 9, 40)],
};
}
})
</script>
完整示例:
<!DOCTYPE html>
<html>
<head>
<title>iview_test</title>
<script src=