mpvue input.placeholder-class 无效

h9vpoimq 于 2021-11-29 发布在 Java

关注(0)|答案(5)|浏览(360)

仔细看了 #198 ，确定我这个属于新问题：

当我写样式时，如果写成 input.form-control { ... } 最终会被编译成 _input form-control { ... }，这是没问题的，但是当这个样式用在 placeholder-class 上就出问题了：

同一个 input 的 class="form-control" 最终会被编译成 class="_input form-control"，但是 placeholder-class="form-control" 最终会被编译成 class="form-control" ，漏掉了 _input 。于是就出现了样式失效的问题。

mpvue

来源：https://github.com/Meituan-Dianping/mpvue/issues/373

5条答案

按热度按时间

n9vozmp41#

无法复现。

输入

<input type="text" class="form-control" v-model="motto" placeholder="v-model" />
      <input type="text" placeholder-class="form" class="form-control" v-model.lazy="motto" placeholder="v-model.lazy" />

输出

<input type="text" class="_input data-v-1a65d29e form-control" value="{{motto}}" bindinput="handleProxy" placeholder="v-model" data-eventid="{{'1'}}" data-comkey="{{$k}}" />
      <input type="text" placeholder-class="form" class="_input data-v-1a65d29e form-control" value="{{motto}}" bindblur="handleProxy" placeholder="v-model.lazy" data-eventid="{{'2'}}" data-comkey="{{$k}}" />

mpvue@1.0.12
mpvue-loader@1.0.14
mpvue-template-compiler@1.0.12

赞(0）回复(0）举报 2021-11-29

cwdobuhd2#

我这边测试也是失效的，mpvue设置input组件placeholder的placeholder-class样式失效，但是设置placeholder-style是可以的,也是醉了

赞(0）回复(0）举报 2021-11-29

xnifntxz3#

确实是mpvue的一个bug，希望官方早些修复

赞(0）回复(0）举报 2021-11-29

gc0ot86w4#

这个issue还开着，在这里重复po一下。#198 关掉的解决方案是去掉scoped，我想请问一下， mpvue处理bug时，是否将此类不兼容vue功能作为常规解决方案？

赞(0）回复(0）举报 2021-11-29

p4rjhz4m5#