【发布时间】：2022-08-10 20:43:44
【问题描述】：
我正在 Laravel 中构建一个应用程序，我使用 Vue.js 作为前端，使用 Laravel 作为后端。对于前端，我也使用 tailwindcss。所以这里是发生了什么：
- 您访问了一条路线
- Vue 将从 api 请求该路由的数据
- 数据被设置为在前端加载
请求的数据返回一个包含多个对象的数组。每个对象都有一个
color变量，我想用它来设置文本的颜色，但是在发生这种情况时，tailwindcss 已经构建好了，所以颜色不会生成。另一个问题是你永远不会知道你需要什么颜色，所以在tailwind.config.js中设置一些随机值是行不通的。这是我要加载颜色的 Vue.js 部分：
<div v-for=\"item in packages.data\"> <h2 class=\"text-2xl\" :class=\"\'text-[\'+item.color+\']\'\"> {{ item.name }} </h2> </div>如果无法使用顺风，我也会在我的项目中使用 scss。
如果需要其他代码，请告诉我。
任何帮助，将不胜感激！
标签： vue.js sass tailwind-css