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