シンプルフォーム入力htmlタグの変更方法

Question

空白、vueコンポーネントの入力HTMLタグを変更する必要があります。この

= f.input_field :name 

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

のようなデフォルトの設定simple_form作業で しかし、私は、私は彼らがRailsので使用するために事前定義されているとして、それが容易に可能になるとは思わない

= 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

に変更する必要があります。意図したとおりに動作するように、これらのメソッドを新しいパッチまたは猿パッチに作成する必要があります。

Answer 2

あなたのビューで生のHTMLを使用していると思われましたか？ f.input_field :nameは必須ではありません。あなただけの直接書き込むことができ

：あなたはまた、独自のHTMLヘルパーを書くことができ

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

、this questionを参照してください。