vue根據不同文字切換顯示不同顏色

<template> <div> <h1>temp1</h1> <div> <ul > <dir v-for="item in tss" :key="item"> <li>{{ item.title }}</li> <li :style="activation(item.content)">{{ item.content }}</li> </dir> </ul> </div> </div> </template> <script> export default { data() { return { tss: [ {'title': 'jj','content': 'err'}, {'title': 'jon','content': 'ok'}, {'title': 'jay','content': 'wining'}, {'title': 'james','content': 'mvp'} ] } }, computed: { activation() { return (icontent) => { // 使用JavaScript閉包，進行傳值操作 console.log(icontent) if (icontent === "err"){ return {'color':'red'} } else if (icontent === "ok"){ return {'color':'blue'} } else if (icontent === "wining"){ return {'color':'yellow'} } } } } } </script> <style> </style>