javascript - 苗条的动态风格处理
问题描述
https://svelte.dev/repl/83031a6a492c4a30a861e4310209e9b6?version=3.24.0
是否有另一种方法而不是将样式直接写入原始样式标签?:
<div style="width: {width}; height: {height};">ᕕ( ᐛ )ᕗ</div>
或者; 在这种情况下,最佳实践是什么,交付的样式可以是任何东西/是动态的,而不是可预分类的?
解决方案
这是一个例子:
<script>
let bgcol="blue"
let style=`color:red;background-color:${bgcol}`
</script>
<h1 {style}> Hello <h1>
编辑:{style}
是简写style={style}
您可以从 REPL 找到工作示例:
https://svelte.dev/repl/f039834923014cd7aca30c54d957c844?version=3.24.0
推荐阅读
- nativescript - 是什么导致了这个 webpack 代码 2 错误以及如何解决它?
- javascript - 计算函数在 VueJS 中被调用两次
- python - 如何从源代码文件的方法声明中删除方法参数并将其写回?
- spring-mvc - 以“选择”形式处理“空”的正确方法
- javascript - 如何使用 React Native 创建发光动画
- java - 如何在菜单项atctive中画一条线
- c# - Windows 中有没有一种方法可以为具有 DPI 意识的前景应用程序获取正确的矩形?
- html - 你在哪里放置页脚反应?
- c++ - 没有构造函数“RobotDriveSwerve::RobotDriveSwerve”的实例与参数列表匹配——参数类型是
- html - 在 HTML 中通过“href=tel:”使用括号