vue做后台管理系统选中菜名了，怎么让价格自己填充出来

我用的vue 怎么才能在选中菜品后让修改前价格自动填充出来啊恳请各位兄弟帮帮忙

这个菜品的价格你首先得知道，以及和菜名关联起来，我举个例子
数据结构
[
{
name:"猪肉500g",
value:"15.6"
}，{
name:"牛肉500g",
value:"35.6"
}，
]
此时选择猪肉，自动把这个对象的value取出填入到那个框中就行了

商品名称发生change事件，修改修改前售价绑定变量的值为刚选中的商品的价格