Javascript 基于条件语句vuejs更改img src

我正在构建一个单选按钮，当按钮未选中时，它使用默认图像（black-radio.png或white-radio.png，不带复选标记），否则它们使用black-radio-checked.png或white-radio-checked.png。但是真的被这个错误困扰着。我知道有一个使用计算属性的选项，但我应该如何解决这个问题

var vm=new Vue({
el:“#颜色选择器”，
数据：{
颜色：'黑色'，
颜色：[
{
姓名：'黑色'，
图片：'images/black radio.png'，
image_checked:'images/black radio checked.png'
},
{
姓名：'白色'，
图片：'images/white radio.png'，
image_checked:'images/white radio checked.png'
}
]
}
});

{{color}}
每当选中单选按钮时，
此.color
值就会更新。

因此，
v-if
选中
color==colorInfo.name
以显示所选单选按钮的
image\u选中的
字段，以及
v-else
以显示其余带有
image
字段的按钮将起作用。
var vm=new Vue({
el:“#颜色选择器”，
数据：{
颜色：''，
颜色：[
{
姓名：'黑色'，
图片：'images/black radio.png'，
image_checked:'images/black radio checked.png'
},
{
姓名：'白色'，
图片：'images/white radio.png'，
image_checked:'images/white radio checked.png'
}
]
}
});

{{color}}
你所说的条件语句是什么意思？是否要基于选中的复选框显示图像？谢谢，但如何在vue中向img src添加插值？应该有一个if-else语句或类似的语句……要检查它们应该显示哪个图像（因为你有一个white-radio.png和white-radio checked.png），你想添加什么插值你应该看看这部分-->。我认为不可能像这样向img src属性添加插值-->..，但这也应该首先检查输入是否已检查，如果未检查，则使用black-radio.png，否则使用black-radio-checked.png。这是可能的，您可以执行
确定，以及如何检查输入是否已选中…如果已选中->black-radio.png否则黑色radio已选中.png。。。