我正在构建一个简单的购物车系统,使用Laravel和Vue.js来销售照片。每张照片都有不同的尺寸,每种尺寸的价格都不同。
我有以下表格:
Photos
- id
- title
Sizes
- id
- dimensions
Photos_Sizes
- id
- photo_id
- size_id
- price
我使用Vue.js对我的购物车控制器进行API调用,以操纵购物车。当用户单击Add to Basket按钮时,它会传递photo_id和size_id。
我的问题是,使用传递给控制器的两个I,我如何访问透视表中正确的价格值?
我希望将购物车项目存储在我的表中,但是当我使用以下代码存储它时:
@order.items=@cart.items OR @order.items = session[:cart]
它存储类似于#<....>的值。我希望存储项目名称。这怎么可能呢?顺序是my table with items列。任何帮助都将不胜感激。
我正在用laravel和vue.js构建一个食品订购应用程序。当用户选择要订购的饭菜并单击Add to cart按钮时,会调用“添加到购物车”(Add to cart )按钮,查看是否存在/是否与所选餐相关(这两种模式之间存在关系);如果有/are,则弹出一个显示加载项的模态框(只有在有此情况下),然后将所选的餐添加到购物车中,然后用户继续检查。为了实现这一点,我用一个v-如果是这样包装父模式div。然而,问题是,每次我单击Add to cart按钮时,就会弹出模式,即使选择的饭菜没有附加项。如何构造这个结构,使模式弹出只有当有相关的附加组件显示。我的代码摘录:触发器按钮(添加到购物车按钮):
正如你所看到的标题,我不能真正表达我想要做的事情。基本上我有两张桌子:
--offers--
offer_id varchar
offer_price int
--carts--
user_name varchar
offer_id varchar
offer_count int
现在我想要购物篮(购物车)里所有物品的总价。我已经走了这么远:
select sum(offer_price) from offers where offer_id IN
(
select offer_id from carts where user_name='root'
);
但是
似乎我在vue中加载外部umd组件时遇到了问题。
我尝试做一些类似的事情,比如
这对使用vue2和webpack的我来说很有效
现在我使用的是Vue3/Vite和上面问题中相同的源码。
但是当解析外部组件promise时,我得到以下错误:
vue.js:1184 [Vue warn]: Unhandled error during execution of async component loader
at <AsyncComponentWrapper>
at <DemoComponent>
at <HelloWorld msg="He
我有一个包含CSS、字体、JS文件夹和index.html文件最小化的Vue.js文件夹,可以部署和使用。我想使用Node.js来运行这个应用程序。npm run server 如何将其设置为只运行并将其部署到特定的端口上?不确定如何构造它,或者是否需要以特定的方式构建它以运行这个Vue应用程序。任何帮助都将不胜感激。