我想通过<li v-for="value in Configuration"> 确定渲染多少个li
然后li中的img元素怎么渲染?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="example1">
<ul>
<li v-for="value in Configuration">
<img v-bind:src = 这里如何写>
</li>
</ul>
</div>
<script src="vue.js"></script>
<script>
const demo1 = new Vue({
el:'#example1',
data:{
Configuration:{
pen1:{
img_lists:['http://p1.music.126.net/56LFBktGGNxAByH1JufjDw==/18994063370232622.jpg?param=140y140', 'http://p1.music.126.net/gvCRA0N-dnXz2GTl1OIhoA==/3354609977007324.jpg?param=140y140']
},
pen2:{
img_lists:['http://p1.music.126.net/56LFBktGGNxAByH1JufjDw==/18994063370232622.jpg?param=140y140', 'http://p1.music.126.net/gvCRA0N-dnXz2GTl1OIhoA==/3354609977007324.jpg?param=140y140']
}
}
}
})
</script>
</body>
</html>
补充首先谢谢陌路凡歌,但是还有个问题
数据每个img_lists均有两张图片
但是浏览器中看到每个li只渲染一张图,而且是同一张图
![图片上传中...]