欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

这个vuejs的购物车demo不能显示所选下拉列表的值,请大神帮看看怎么修改?

程序员文章站 2022-04-04 14:42:20
...
这个vuejs的购物车demo,在v-text="item.quantity || n "这一行不知道怎么显示下拉列表所选项的值到button的v-text中,请大神帮看看怎么修改?

html:












Cart

Goods
Quantity
Unit Price
Subtotal
@{{ item.name }}
@{{ item.unit_price }}
@{{ item.unit_price * item.quantity }}
Sum
@{{ sum }}

回复内容:

这个vuejs的购物车demo,在v-text="item.quantity || n "这一行不知道怎么显示下拉列表所选项的值到button的v-text中,请大神帮看看怎么修改?

html:












Cart

Goods
Quantity
Unit Price
Subtotal
@{{ item.name }}
@{{ item.unit_price }}
@{{ item.unit_price * item.quantity }}
Sum
@{{ sum }}

手机看这段代码真心累……

  1. v-model="items",这里写错了;

  2. ajax获取到数据之后,先手动添加所需属性selected,然后再赋值给items