将json传递给Vue组件并循环

文章/答案/技术大牛

发布

1回答

javascript、php、vue.js、vue-component

title' => 'Title 2', 'text' => '<p>Text 2<\/p>'],]; buildList(containers[i]); function buildList(el)

浏览 9提问于2018-02-13得票数 2

1回答

我正在尝试在Ajax模式下连接Datatable和Vue组件，如果成功的话，应该呈现Product的Order按钮。我为我的web应用程序创建了一个API，并通过get查询将JSON传递给AJAX表属性。所有数据都会正确显示，甚至一个按钮也是一个订单，但它不是Vue组件，而是一个简单的HTML。所以我把这个字符串传递给JSON但其结果是，该行被写入表单元格，它不会转换为vue组件</e

浏览 3提问于2018-09-14得票数 2

回答已采纳

1回答

将选定行的id传递给刀片文件内的组件标记

php、jquery、laravel、vue.js

我正在尝试将当前选定行的id传递到for循环中，这时有人单击了它。并将该id传递给vue组件@foreach($cats as $cat)<td class="catme" data-id="{{$cat->id}}">{script>var a = $('.cat

浏览 1提问于2021-07-14得票数 0

2回答

从小枝模板向vue.js组件注入带有对象数组的symfony变量

vue.js、vuejs2、symfony4、symfony5

我正在使用symfony5，并希望在我的小枝模板视图中集成vue.js。我需要能够将3个不同的对象传递给vue.js。我必须将多个数组传递给vue组件，这些数组通常存储多个对象，因此在安装vue.js之后，我完成了以下操作我将如何访问vue组件中的组，并且是否以正确的方式将数组注入到组件中？我必须在控制器中使用$jsonContent =$序列化器->序列

浏览 2提问于2020-07-22得票数 1

2回答

如何将路由数组从blade.php传递到Laravel中的Vue组件

php、laravel、vue.js

我有一个将路由传递到blade.php文件的控制器。在blade.php文件中，我使用了一个Vue组件，并将:routes作为props传递给Vue组件。问题是，控制器返回多个路由的集合，但是当我将:routes传递给我的Vue组件时，它是错误的，除非我一次只传递一个路由。在我的组件中，我有要在props中作为数组接受的路由。如何将一组路由从刀片传递到vue？bl

浏览 12提问于2020-10-07得票数 0

1回答

在vue中作为支柱传递的对象以字符串形式到达。

javascript、string、object、vue.js、vue-component

要使Vue处理我传递给组件的对象支柱，我必须首先将字符串转换为对象(在片段中，我已经采用了简单的方法并使用了JSON.parse() )。有没有一种方法可以直接将一个真正的javascript对象作为道具传递给组件，而不将它解释为一个字符串？注意，我将多次使用该组件，这会使单个data()对象传递到支柱中，然后在组件中用于v-bind，因为每次使用都不切实际

浏览 1提问于2019-09-10得票数 1

回答已采纳

1回答

在rails中包含带有帖子的注释

ruby-on-rails、json、vue.js

我正在构建一个在几个页面上使用vue组件的rails应用程序。我将数据传递给vue组件，如下所示： <v-my-component :posts="<%= @post.to_json %>"></v-my-component> 这很好用，我把我的帖子作为json作为道具传递给我的组件我想要这样的东西： #posts/show <v-my

浏览 10提问于2019-01-19得票数 0

回答已采纳

3回答

理解vue.js中的道具

javascript、vue.js

我正在阅读学习vue.js的指南，找到道具部分，并遇到了一个问题。var vm = new Vue({ // data from my parent that I want to pass to the child componenttemplate: '<div> {{ gree

浏览 8提问于2015-11-09得票数 18

回答已采纳

1回答

将Django数据传递到Vue组件

javascript、django、vue.js、vuejs2、vue-component

我使用Django作为后端，并试图将一些数据传递到我创建的Vue表组件中。我用这个设置它，组件在使用webpack时显示得很好。我试图将数据设置为javascript常量，然后将其传递到组件中。index.html<script> console.log(gridDataget(self, request, *args

浏览 6提问于2020-02-28得票数 2

1回答

如何使用相同的按钮样式但不同的操作(ReactJs)

javascript、reactjs、react-router

嗨，现在我在一个我的投资组合网站上工作，我试图使一个按钮，使用相同的风格，但想要使用它的两个按钮(1)转到一些页面(2)下载简历。但它们都执行操作(1)。我不知道如何让这两个按钮做不同的工作。import React from 'react';import { Link } from 'react-router-dom'; const SIZE

浏览 2提问于2021-03-11得票数 0

1回答

不在实例上定义，而是在呈现过程中引用。确保此属性是反应性的，无论是在数据中。

vue.js

</button></template> import Vue from 'vue';<template> <img alt="Vue logo" s

浏览 4提问于2020-02-04得票数 0

1回答

格式化要在Vue.js组件中使用的早期路由字符串

javascript、php、laravel、vue.js

我正在将数据从刀片文件传递到Vue组件。我将一个程序集合传递给Vue，在程序集合中是一个数组，在数组中是属性。其中一个属性是route属性。由于路由来自Laravel而不是vue路由器(我没有使用vue- router )，因此路由具有附加到它的刀片文件扩展名，就像它在返回视图时在控制器中使用的那样:所以现在在我的Vue组件中返回路由的方式类似于route: program1.index, progra

浏览 2提问于2020-09-09得票数 2

1回答

vuejs -如何将数据传递到how打包的根实例

javascript、webpack、vue.js

我的目标是创建一个可重用的组件，以便将查询文本和列名传递给组件。通常，我可以使用props和slots来实现这一点，但是由于我使用的是Single File Components，所以我不知道如何将数据传递给组件。/build/webpackedComponent.js"></script> import <em

浏览 1提问于2017-01-03得票数 0

回答已采纳

2回答

Vue Watch未触发

javascript、node.js、vue.js、vuejs2

尝试使用vue监视方法，但它似乎不会触发某些对象，即使使用deep:true。但是我在尝试观察那个动态对象的变化时遇到了一个问题

浏览 0提问于2017-10-10得票数 30

回答已采纳

2回答

对于来自json文件的非数组对象，可以在vue中使用v-for吗？

node.js、json、vue.js

我试图将一些值从json文件传递给组件，但是我一直得到“产品是未定义的”。product.json "product": { "amount": 0.11}<div

浏览 6提问于2020-04-18得票数 0

回答已采纳

1回答

在Vue功能组件中使用动态导入

javascript、vue.js、webpack、import、functional-programming

其思想是使用Vue functional作为包装器，并具有一定的逻辑来决定要呈现哪个组件。这个模式在中得到了说明。我希望实现同样的但延迟加载组件，如下所示： functional: true, items: {context.data, )}) 注意动态导入import(@/components/EmptyLi

浏览 1提问于2019-08-28得票数 1

1回答

如何将数据从PHP传递到Vue.js，并在数据更改时重新呈现Vue.js组件？

php、ajax、laravel、vue.js、vue-component

我对Vue.js还有点陌生，所以我可能从根本上误解了它的反应性，但基本上，我想将一些数据从PHP传递给Vue.js组件，并且当数据发生变化时，会自动更新Vue.js组件。我看过几篇类似的文章，因此建议我使用props将数据从Laravel模板传递给Vue.js组件。下面是一个例子：我已经很好地完成了这个任务，但是现在我一直在研究如何让组件在页面加载后动态变化时进行更新。我有一个PHP数组

浏览 3提问于2019-02-14得票数 0

回答已采纳

1回答

在vue-chartjs中循环通过数组

javascript、arrays、laravel、vue.js

预期结果： "days_remaining" => 28 "ratio" => "1.41"我使用刀片中的将数组传递给Vue组件。:chart-data="{{

浏览 0提问于2019-04-13得票数 1

回答已采纳

1回答

Vuej.s:如何将变量传递给组件属性

vue.js、components

如何将变量传递给Vue.js中的组件(而不是通过props)？这有可能吗？import PlayingField from '../gameConfig' el: '#app', playingfield: PlayingField, gameConfig: GameConfig}); 在游戏

浏览 1提问于2020-06-04得票数 0

回答已采纳

1回答

在Vue中使用组合API在子级中处理提交事件，然后在父级中处理

typescript、vue.js、vue-component、vue-composition-api、vue-events

是Vue.js的新手，并尝试在表示表单的组件中处理提交事件，该组件将检查子组件的有效性，并在一切正常的情况下将处理传递给父组件中的事件处理程序。我得到了这个错误...Vue警告: v-on处理程序出错:在-> src/components/MyForm.vue at src/App.vue的->中找到"TypeError:未定义不

浏览 20提问于2020-08-05得票数 0

点击加载更多