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

时间:2016-05-08 23:11:47

标签: forms symfony attributes vue.js

我认为表单类型足以轻松创建表单,我在项目的一部分表单中使用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">

我尝试过自定义表单模板,但我无法做到这一点。属性模板非常复杂。如果您有关于该问题或模板的任何信息,我会非常感激。

1 个答案:

答案 0 :(得分:1)

解决此问题的最佳方法是让Symfony对您在前端使用的库无动于衷。您可以直接在Twig模板中修改字段的属性,如下所示:

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