感谢您的支持,我会继续努力的!
打开微信扫一扫,即可进行扫码打赏哦
点我查看本站打赏源码!
Powered by RUNCODEX.COM,学的不仅是技术,更是梦想!!!
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.4/vue.min.js"></script>
<div id="app">
<table class="gridtable">
<tr>
<th>name</th>
<th>url</th>
<th>slogan</th>
</tr>
<tr v-for="value in object">
<td>{{value.name}}</td>
<td>{{value.url}}</td>
<td>{{value.slogan}}</td>
</table>
</div>
xxxxxxxxxx
new Vue({
el: '#app',
data: {
object: [{
name: '菜鸟教程1111111111',
url: 'http://www.baidu.com',
slogan: '学的不仅是技术,更是梦想!'
},{
name: '菜鸟教程222222222',
url: 'http://www.google.com',
name: '菜鸟教程333333333',
url: 'http://www.souhu.com',
}]
}
})
table.gridtable {
font-family: verdana,arial,sans-serif;
font-size:11px;
color:#333333;
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
table.gridtable th {
padding: 8px;
border-style: solid;
background-color: #dedede;
table.gridtable td {
background-color: #ffffff;