【vue3.0】25.0 某东到家( 廿五)——真机调试
目录
真机联调方式
一种方式是手机和电脑连同一个局域网,也就是同一个WiFi
运行项目会在终端显示ip连接的地址:

image.png
因为目前我的是手机热点,需下面的方式:
如果是手机开热点给电脑用,可以win+R键输入ipconfig查询本机ip,然后在手机浏览器上直接打开ip:8080即可

image.png
比如我的就是需要访问192.168.24.113::8080

image.png

image.png

image.png

image.png

image.png

image.png
这里可以看到购物车的加减号有点问题。
首先需要准备2个图标:

image.png
调整srcviewsshopContent.vue
{{ item.name }}
{{ item.name }}
月售{{ item.sales }}件
¥{{ item.price }}
¥{{ item.oldPrice }}
{
changeCartItem(shopId, item._id, item, -1, shopName)
}
"
>
{{ getProductCartCount(shopId, item._id) }}
{
changeCartItem(shopId, item._id, item, 1, shopName)
}
"
>
调整srcviewsshopCart.vue
全选
清空购物车
{{ item.name }}
¥{{ item.price }}
¥{{ item.oldPrice }}
{
0
changeCartItemInfo(shopId, item._id, item, -1)
}
"
>
{{ getProductCartCount(shopId, item._id) }}
{
changeCartItemInfo(shopId, item._id, item, 1)
}
"
>
{{ calculations.total }}
总计:¥ {{ calculations.totalPrice }}
去结算
修改srcviewsorderConfirmationTopArea.vue
......