<body>
<div id="app">
<div class="weui-cells">
<a class="weui-cell weui-cell_access" @click="getgood(good.id)" v-for="good in data">
<div class="weui-cell__hd"><img :src="good.img"></div>
<div class="weui-cell__bd">
<p>
<div>{
{good.name}}/￥{
{good.price}}</div>
<div>{
{good.content}}</div>
</p>
</div>
<div class="weui-cell__ft"></div>
</a>
</div>
</div>
<script>
var vm=new Vue({
el:'#app',
data:{
data:'',
},
mounted: function () {
var s
Vue结合ajax获取数据
最新推荐文章于 2021-08-26 21:07:27 发布
本文展示了一个使用Vue.js框架结合Ajax（jQuery的$.get方法）从后台获取商品数据并在前端显示的示例。在Vue实例中定义了`data`属性用于存储数据，并在`mounted`钩子中调用`getdata`方法获取商品列表。每个商品项通过`v-for`指令遍历显示，点击商品可触发`getgood`方法，打印商品ID。
最低0.47元/天 解锁文章
1243
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
