我正在嘗試生成樣式的文本，并在其中使用函式vue.js
<template>
<div class="col-md-3" :style="setColor(c.percentage, c.blocked)">
</template>
<script>
export default {
name: "",
methods:{
setColor(percentage,blocked){
let opacity = (percentage / 100).toFixed(2);
let color = '145,223,150';
if(blocked){
opacity = 0.6;
color = '234,59,37'
}else{
if(opacity>0){
if(opacity < 0.1){
opacity = 0.1;
}
color = '145,223,150'
}else{
opacity = 1;
color = '255,255,255';
}
}
return `rgba(${color},${opacity})`;
}
}
}
</script>
<style scoped>
</style>
但它會生成該代碼
<div class="col-md-3" style=""></div>
我不知道怎么回事，我錯過了什么嗎？第一次上 vue，我有很多東西要學 xD
uj5u.com熱心網友回復：
從該方法中，您應該回傳一個具有color或background-color作為屬性和rgba(${color},${opacity})`;作為值的物件：
return {color:`rgba(${color},${opacity})`};
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/494008.html
標籤：javascript Vue.js