问题：
前端 - vue中如何把scss文件中的值变成动态的？
充阳秋
请教一下这样写为什么浏览器解析不了值 width直接没有了
computed: {
material_source_width() {
return this.detailData.material_source == '2' ? '25%' : '33%'
}
},
<style lang="scss">
$material-source-width: #{material_source_width};
.information-right-item {
display: flex;
width: $material-source-width;
}
</style>共有2个答案
毛德华
<template>
<div :style="{ width: material_source_width }" class="information-right-item">
</div>
</template>
<script>
export default {
computed: {
material_source_width() {
return this.detailData.material_source == '2' ? '25%' : '33%'
}
},
}
</script>
<style lang="scss">
.information-right-item {
display: flex;
}
</style>
冀胤运
scss是css预编译,所以根本不会在浏览器参与任何计算,
你应该换个思路,用css变量来实现.
这个是简单的demo: Vue SFC Playground
类似资料：
-
组件提示框中的数据想展示在页面的别的位置，请问如何把echarts的组件提示框中的值赋值给另外一个变量？
-
这样多个页面就能共用我就能用1个css文件了
-
问题内容： 我想创建一个Laravel Web应用程序，允许管理员用户使用Web后端系统更改.env文件中的某些变量（例如数据库凭据）。但是，如何保存更改？ 问题答案： 没有内置的方法可以做到这一点。如果您确实想更改文件的内容，则必须结合使用PHP的文件写入方法和某些字符串替换。为了获得一些启发，您应该看一下命令：KeyGenerateCommand.php： 构建文件路径并检查是否存在后，该命令
-
我想使用KARATE框架的数据驱动特性动态地为JSON中的一些元素（从文件中读取）设置值。以下是更多的细节： 特性：从文件中读取json输入并迭代数据表值 背景： 附注：我尝试使用表方法调用其他特性文件。然而，我希望每个API保留一个特性文件，因此我想知道是否有任何可能的方式来实现上述方法
-
背景： 前端vue项目中,基于exceljs进行excel文件的导出，发现生成的excel文件公式求和值不能直接显示，需手动点击之后生成。 代码示例 进行统计求和设置时，相关代码如下： 下载excel 下载的excel文件A5单元格显示为0，要手动点击A5单元格之后，才显示公式计算值。