满口金牙 2022-04-24 11:38 采纳率: 92.4%
浏览 339
已结题

Vue3 element el-input 内联样式 不生效,怎么让它生效

内联样式不生效怎么解决
<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 不生效
}
  • 写回答

9条回答

      报告相同问题?

      相关推荐 更多相似问题

      问题事件

      • 系统已结题 5月3日
      • 已采纳回答 4月25日
      • 修改了问题 4月24日
      • 修改了问题 4月24日
      • 展开全部

      悬赏问题

      • ¥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服务器做视频静态资源访问接口