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

Question

我认为表单类型足够好，可以轻松地创建表单，并且我在项目的一部分表单上使用了VueJS。(Symfony2.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'}}) }}