VUE购物车添加统计价格购物车小图标数量统计

最新推荐文章于 2021-09-26 18:04:13 发布

weixin_46457184

最新推荐文章于 2021-09-26 18:04:13 发布

阅读量832

点赞数

文章标签： vue.js html javascript

本文链接：https://blog.csdn.net/weixin_46457184/article/details/104684143

版权

                                  ！！！！！！！！！！！     列表页购物车渲染
												                <div class="box">
					            <div class="div1">
					
					                    </div>
					                    <div class="div2">
					                            <ul>
					                                <li v-for="(item,key) in list" :key="key">
					                                    <img :src="item.img" alt="">
					                                    <div class="div3">
					                                        <p>{
  {item.name}}</p>
					                                        <a href="#">{
  {item.pricename}}</a>
					                                        <i>{
  {item.priceyue}}</i>
					                                        <!-- SS是优鲜沛的JSON数据 -->
					                                        <span>{
  {item.ss}}</span>
					                                        <button @click="add(item)">+</button>
					                                    </div>
					                                </li>
					                            </ul>   
					                    </div>
					        </div>



							购物车JSON数据获取  和添加功能

																<script>
										// 引入本地存储
										import storage from '../storage'
										export default {
										    name:"Shouye",
										    data(){
										        return{
										            list:[]
										        }
										    },
										    mounted(){
										        this.$axi