如何更改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

我不认为这将有可能容易，因为它们是预定义为使用Rails使用。您必须创建新的或猴子补丁这些方法才能按预期运行。

Answer 2

您是否考虑过在您的视图中使用原始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。