javascript - 如何将变量从 twig 传递到 vueJS(symfony 2.8 和 VueJS 2)

In lại 作者：可可西里 更新时间：2023-11-01 01:12:37 26 4

<đầu>
    
    
    





    {% block body %} {% endblock %}

import './components-dir/component.vue'
import './components-dir/component2.vue'

Vue.component('component', Component);
Vue.component('component2', Component2);

window.onload = function () {
new Vue({
        el: '#app',
        components: {}
    });
};

    /**
     * @Route("/contract", name="contract")
     * @Method("GET")
     */
    public function indexAction()
    {
        $paymentMethods = PaymentMethod::getChoices();

        return $this->render('contracts/index.html.twig', [
            'paymentMethods' => $serializer->normalize($paymentMethods, 'json'),
        ]);
    }

{% extends 'vue-base.html.twig' %}
{% block body %}
    
{% endblock %}

    export default {
        dữ liệu() {
            return {}
        },
        props: ['paymentMethods'],
        mounted: function () {
            console.log(this.paymentMethods)
        }
    }

26 4 0

• javascript - VueJS 发送到 VueJS 外部的函数

  我试图将我的 VueJS 组件中的某些内容发送到位于包含该组件的 html 页面中的函数。我是否遗漏了什么，或者这是不可能的？ 在我的组件中作为方法: insert: function(){

• vuejs-datepicker - 语言似乎在 vuejs-datepicker 中不起作用

  完全遵循 docs的语言说明，我正在尝试以德语格式显示日期。相反，我仍然看到它是英文的:“12 Apr 2020”。 也尝试使用西类牙语，仍然得到“2020 年 4 月 12 日”。 我错过了什么吗？

• javascript - 如何从对象内部访问 vuejs 方法？ (Vuejs 2)

  我想从 Chart 对象访问 getValue 方法，但我得到的函数未定义。 import Vue from 'vue'; import C

• javascript - Vuejs 从头部隐藏样式标签 | Laravel-vuejs 应用程序

  我正在使用 laravel-vuejs 应用程序。当 vuejs 渲染 css 时，它会在 html head 中附加一些样式标签，如下图所示。有什么办法可以隐藏这个标签吗？我认为可以通过添加一些插件

• javascript - 将数据从 VueJS 插件传递到 VueJS 组件

  我正在为 VueJS 创建一个加载栏插件，我想使用该插件控制 VueJS 组件(插件的一部分)的数据。 所以，最后我想做以下事情: 在 main.js 中包含插件 import VueLoadingB

• javascript - PimCore 与 VueJS 和 VueJS-Router

  如何使用 VueJs 和 VueJS-Router 为 Pimcore 进行扩展？ 到目前为止，前端的 vuejs 没有任何问题……但我无法让 VueJs-Router 运行。 有人有在 pimcor

• webpack - 页面包/VueJS : Adding VueJS-component fails

  也许你可以成为我一天的救世主。 我正在尝试为我的扩展实现 vue-components。 我不能包含自定义 Vue.js 组件。我关注了https://pagekit.com/docs/develop

• Laravel 和 VueJS : Calling a VueJS Method Inside Blade

  我是 Laravel 和 VueJS 的新手，对于困惑的代码提前深表歉意。 我一直在尝试制作一个注册表单，并将 VueJS 集成到 laravel 中以使其更具动态性。现在我一直在尝试使用 {{ }}

• javascript - 将 vuejs 函数绑定(bind)为上下文 vuejs 的数据

  我想使用函数作为数据属性。这似乎在“works”数据属性的情况下工作得很好。但是我需要函数中的 this 上下文，以便我可以计算存储在 this.shoppingCart (另一个属性)中的值。 这可

• vue.js - VueJs this.method 不是函数？如何在 Vuejs 中的另一个方法中调用一个方法？

  我正在尝试从另一个方法调用一个方法，为此我使用了它。但是我的控制台导致我出错。 如何在 Vuejs 中调用另一个方法中的方法？ 代码 methods: { searchLocations:

• Django 和 VueJS 集成错误。将 VueJS 组件加载到 Django 时出错

  我已经使用 webpack_loader 创建了 Django 和 VueJS 集成项目。Django 在本地主机 8000 上运行，而 VueJS 在 8080 端口上运行。但是端口 8000 在控

• javascript - 来自 Axios GET 响应的 VueJs 中的数组为空 | VUEJS/Laravel

  我正在学习如何通过 udemy 类(class)制作单页应用程序，同时尝试做一个大学项目。问题是，在我的 Controller 中，我将数据库查询作为 json“alunos”发送到前端。现在，在 V

• vue.js - vuejs - 如何将 ajax 加载的 html 转换为 vuejs 组件

  我有一个带有一些 html 的#app 容器，我在#app 上创建了 Vue 实例，所有内容都被编译并转换为 Vuejs 组件。然后我在另一个 html 字符串中使用 ajax，我需要以某种方式将其编

• javascript - 如何将变量从 twig 传递到 vueJS(symfony 2.8 和 VueJS 2)

  我有一个 symfony 2.8 应用程序，我最近集成了 VueJs 2 作为我的前端框架，因为它提供了很大的灵 active 。我的应用程序不是单页的，我使用 symfony Controller

• jquery - 遇到 VueJS 类绑定(bind)问题，使用 vuejs v2.0+ Bootstrap v3.3.7

  好吧，我遇到了一个问题，虽然是一个奇怪的问题，但我到处都找不到答案。 我们被指派用 Vue.js 创建一个购物车，我已经完成了我自己开始了这个项目，想看看我能用 vuejs 做什么。问题出现在页面加载

• javascript - Vuejs 获取编辑后的输入

  逻辑 我有带有输入作为标签的复选框，其值来自数据库，因此文本(值)已经存在。 (完成) 我想列一份检查项目 list (完成) 我想如果我改变了一个项目的值得到改变的值，但它仍然给我数据库的值(需要帮

• javascript - VueJS 调度函数的执行顺序导致问题

  我正在尝试在页面上显示公告列表(从 API 检索)。我正在使用 Vuex 商店，我有一个名为 announcements 的状态。我还希望每次用户刷新/进入页面时更新此列表。所以我使用了生命周期钩子(

• javascript - VueJS 不响应数组长度的变化？

  使用单文件模板，我希望有一个按钮，如果数组为空，则显示“单击此处”，如果数组已填充，则显示值。 ajax 工作正常并且对象正在更新，但按钮不会重新呈现。我在这里做错了什么？ Mobil

• variables - VueJS - 在字符串中插入字符串

  在 VueJS 中，有没有办法在模板或脚本中将字符串插入字符串？例如，我希望以下内容显示 1 + 1 = 2 而不是 1 + 1 = {{ 1 + 1 }}。 {{ myVar }}

• git - VueJS 构建部署历史

  我在我的项目中使用 VueJS 2，我意识到我的构建部署很糟糕。 这是我在 github 上部署我的 VueJS 构建的脚本: #!/usr/bin/env sh # abort on errors