如何更改simple_form输入html标记

Question

空心，我需要更改vue组件的输入html标签。 在默认配置中，simple_form像这样工作

= f.input_field :name

<input class="string required" id="user_name" maxlength="255" name="user[name]" size="255" type="text">

但我需要改变

= f.input_field :name

<vue-input class="string required" id="user_name" maxlength="255" name="user[name]" size="255" type="text"></vue-input>

Answer 1

您是否考虑在视图中使用原始HTML？您无需使用f.input_field :name。

你可以直接写：

<vue-input class="string required" id="user_name" maxlength="255" name="user[name]" size="255" type="text"></vue-input>

您也可以编写自己的HTML帮助程序，请参阅this question。

Answer 2

我不认为这很容易实现，因为它们预先定义为与Rails一起使用。您必须创建新的或猴子补丁这些方法以按预期行事。