forms - 如何将 VueJS 的 v-model 属性添加到 Symfony2 表单类型中

Question

我认为表单类型足以轻松创建表单，并且我在项目的部分表单中使用了 VueJS。 (Symfony 2.8)我的问题是我无法将“v-model”属性作为自定义属性添加到任何输入。

$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">

我试过自定义表单模板，但我做不到。属性模板非常复杂。如果您有关于该问题或模板的任何信息，我将不胜感激。

Answer 1

处理这个问题的最好方法是让 Symfony 不关心你在前端使用的库。您可以直接在 Twig 模板中修改字段的属性，如下所示:

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