环境:
[zcm@ele 2]$node -v
v12.6.0
[zcm@ele 3]$npm -v
6.9.0
[zcm@ele 4]$cnpm -v
cnpm@6.1.0 (/usr/local/lib/node_modules/cnpm/lib/parse_argv.js)
npm@6.10.2 (/usr/local/lib/node_modules/cnpm/node_modules/npm/lib/npm.js)
node@12.6.0 (/usr/local/Cellar/node/12.6.0/bin/node)
npminstall@3.22.1 (/usr/local/lib/node_modules/cnpm/node_modules/npminstall/lib/index.js)
prefix=/usr/local
darwin x64 16.7.0
registry=https://r.npm.taobao.org
[zcm@ele 6]$vue -V
3.9.2
创建项目: vue create ele
cd ele
cnpm i
npm run serve
安装element: vue add element
修改HelloWorld.vue:
<template>
<div class="hello">
<h1>{{ msg }}</h1>
<div>
<img width=100 src=".././assets/logo.png" alt="he.logo">
</div>
<div class="div_el">
<el-image src="../assets/logo.png" alt="sorry"></el-image>
</div>
</div>
</template>
<script>
export default {
name: 'HelloWorld',
props: {
msg: String
}
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h3 {
margin: 40px 0 0;
}
a {
color: #42b983;
}
.hello {
margin: auto;
}
.hello img {
border: 1px dashed red;
}
.div_el {
border: 1px solid green;
width: 200px;
height: 100px;
}
</style>
浏览器运行，el-image对应的图片加载失败，求解！
