各位程序员，
我想问你们是否知道如何改变对象数组的特定组件的样式
代码:
<template>
<div>
<ul>
<li v-for="jokes in joke" :key="jokes" :class="jokes">
{{ jokes.title }}: <br />{{ jokes.text }} <br /><br />
</li>
</ul>
</div>
</template>
<script>
export default {
name: "Liste",
props: ["joke"],
};
</script>
<style scoped>
.jokes {
font-weight: bold;
}
</style>
所以我在这里的目标是只将jokes数组的jokes.title组件更改为bold，而不是整个jokes数组内容。
提前感谢您的帮助<3
这个怎么样
<template>
<div>
<ul>
<li v-for="jokes in joke" :key="jokes">
<strong>{{ jokes.title }}: </strong> <br />{{ jokes.text }} <br /><br />
</li>
</ul>
</div>
</template>
<script>
export default {
name: "Liste",
props: ["joke"],
};
</script>
