内联样式不生效怎么解决
<el-input class="titleInput2" type="text" placeholder="标题"
v-model="documentJson.title.text"
:style="{
'font-size': documentJson.title.font_size + 'px', 这行有效
'font-weight':'bolder', 这行无效,怎么才能让它有效??
'letter-spacing': '2px', 这行无效 怎么才能让它有效??
}"
/>
外联如下
都有效。但是目的是要写内联,内联才支持 documentJson.title.font_size + 'px' 这种变量。 外联 v-bind的 变量不支 带点号的
.titleInput2 :deep(.el-input__inner){
letter-spacing: v-bind(letterSpacing); #v-bind中的变量不支持 documentJson.title.letter_spacing 这种,要通过增加变量来转换,所以想知道内联生效的写法
font-weight: bolder;
font-family: '宋体'!important; #这个不加!important 不生效
}
Vue3 element el-input 内联样式 不生效,怎么让它生效
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
9条回答
相关推荐 更多相似问题
点击登录
提问题
悬赏问题
- ¥15 layui upload.render 问题 有偿
- ¥15 “with “is not allowed in strict mode
- ¥15 ADS2020使用村田数据库仿真出错
- ¥15 如何解决爬取网站不定时不返回数据
- ¥20 有几个关于fpga的基础问题黑盒仿真,建立保持时间,和仿真覆盖理论。
- ¥20 如何在NCBI上下载高通量的测序数据
- ¥15 L型TFET的器件参数
- ¥15 nacos启动失败,文件夹权限
- ¥20 vb6.0窗体中的vscroll控件无法响应鼠标滚轮事件,请教方法
- ¥15 如何在linux服务器做视频静态资源访问接口