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

【问题标题】：How to add VueJS's v-model attribute into Symfony2 form type如何将 VueJS 的 v-model 属性添加到 Symfony2 表单类型中
【发布时间】：2016-09-03 11:57:35
【问题描述】：

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

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

【问题讨论】：

标签： forms symfony attributes vue.js

【解决方案1】：

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

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

【讨论】：

这也是我的想法，但我收到了v-model 警告，不能包含value 标签？解决这个问题的唯一方法（因为它是由 Form 组件自动生成的）是使其成为隐藏字段并在页面加载时复制它。你会这样做吗？
我收到的错误：使用 v-model 时将忽略内联值属性。改为在组件的数据选项中声明初始值。