我在用Vue.js(cdn)和axios从heroku和mlab那里获取信息.
我想从列表中的对象中显示一些信息,我希望每一行都像
我试过v-on按钮:click="visible=!visible"...
我希望能够在多个元素列表中的单个元素上切换显示/隐藏.
这就是我所拥有的:
index.html
<div id="app">
<div class="list" v-for="drinks in rom">
<button v-on:click="visible = !visible">{{ drinks.brand }}</button>
<div class="hidden" v-show="!visible">
<p> {{ drinks.comment }} </p>
</div>
</div><!--list-->
</div><!--app-->
main.js
new Vue({
el: '#app',
data() {
return {
rom: null,
visible: true
}
},
mounted() {
axios
.get('******')
.then(response => (this.rom = response.data))
}})
我能做什么?