2016-05-08 18 views
2

フォームタイプはフォームを簡単に作成するのに十分で、私はプロジェクトのフォームの一部にVueJSを使用します。 (symfony 2.8)私の問題は、「v-model」属性を任意の入力にカスタム属性として追加できないことです。VueJSのv-model属性をSymfony2フォームタイプに追加する方法

$builder 
    ->add('pcs', TextType::class, [ 
     'label' => "Adet", 
     'attr' => [ 
      'class' => "form-control", 
      'v-model' => "pcs" 
     ] 
    ]); 

コードを実行すると、入力から「v-model」属性が削除されます。

<input type="text" id="product_pcs" name="product[pcs]" required="required" class="form-control"> 

私はカスタムフォームテンプレートを試しましたが、できませんでした。属性テンプレートはとても複雑です。その問題やテンプレートに関する情報があれば、私はgreateです。

答えて

1

この問題を解決する最善の方法は、フロントエンドで使用するライブラリとは無関係にSymfonyを作成することです。

{{ form_widget(form.pcs, {'attr': {'class': 'form-control', 'v-model': 'pcs'}}) }}

+0

これは私があまりにも考えたものですが、[値]タグは「できることを、私は 'V-model'警告を取得しています:あなたはこのように、小枝テンプレートで直接フィールドの属性を変更することができます含まれていますか?その周りの唯一の方法(Formコンポーネントによって自動生成されるため)は、非表示フィールドにしてページの読み込み時にコピーすることです。それはあなたがするだろうか? –

+0

私が受け取るエラー:*インライン値属性は、v-modelを使用すると無視されます。代わりにコンポーネントのデータオプションで初期値を宣言します。* –

関連する問題