将api的动态值添加到b进度条VUEJS

Question

我想要一些Vuejs - b进度条的帮助。我有一些值，我从api(例如:{{数据。编号}}，其中有20)，我如何添加到b-进度条在vuejs显示进度条。我有一个代码示例，但它不工作:

<b-progress 
:value="{{ data.number }}" 
variant="success" 
striped 
:animated="animate"
>
</b-progress>

我没有得到值字段中的值(20)，请协助。谢谢你

Answer 1

你可以先通过

检查你在控制台得到什么

console.log(data.number)

如果你确定你从数据中得到什么。那么你可以简单地这样做:

<b-progress 
:value="data.number" 
variant="success" 
striped 
:animated="animate"
>
</b-progress>

你不应该用胡子，而应该直接说data.number.