Vue组件未显示存储数据
可能是由以下几个原因引起的：
- 数据未正确绑定：在Vue中，使用v-model或:绑定数据到组件中的元素上。如果数据没有正确绑定到组件的元素上，那么组件将无法显示数据。确保在组件中正确地绑定了数据。
- 数据未正确传递：如果组件是通过props属性接收数据的，那么确保数据正确地传递给了组件。在父组件中，使用v-bind指令将数据传递给子组件的props属性。
- 数据未正确初始化：在Vue组件中，数据应该在data属性中进行初始化。如果数据没有正确初始化，那么组件将无法显示数据。确保在组件的data属性中正确地初始化了数据。
- 异步数据加载：如果数据是通过异步请求获取的，那么确保在数据加载完成之后再进行组件的渲染。可以使用Vue的生命周期钩子函数，如created或mounted，在数据加载完成后再进行组件的渲染。
- 数据格式错误：检查数据的格式是否正确。如果数据格式不正确，那么组件可能无法正确地显示数据。确保数据的格式与组件中使用的格式相匹配。
对于Vue组件未显示存储数据的问题，可以尝试以下解决方案：
- 确保数据正确绑定到组件的元素上。
- 确保数据正确传递给组件的props属性。
- 确保数据正确初始化。
- 确保在数据加载完成后再进行组件的渲染。
- 检查数据的格式是否正确。
关于Vue组件未显示存储数据的更多信息，您可以参考腾讯云的Vue.js文档：Vue.js文档。
相关·内容
2回答
父状态更改后Vue组件未更新
vue.js
我有一个Vue组件，它从props接收json数据，之后使用v-for渲染子组件，并将此数据作为prop传递。一切正常，直到我尝试从这个列表中删除一项，当我删除它时，它会错误地删除元素。在vue devtools中，我看到parent正确地接收数据，但没有正确地呈现数据。有谁可以帮我？下面是我的代码：
浏览 1提问于2017-03-26得票数 0
1回答
将Django数据传递到Vue组件
javascript、django、vue.js、vuejs2、vue-component
我使用Django作为后端，并试图将一些数据传递到我创建的Vue表组件中。我用这个设置它，组件在使用webpack时显示得很好。我试图将数据设置为javascript常量，然后将其传递到组件中。数据似乎没有经过。下面是我的脚本的布局方式。
index.html
{% block content %}
<script>
const gridData = {{json_data|safe}};
console.log(gridData)
</script>
<div id="app">
<table_com
浏览 6提问于2020-02-28得票数 2
2回答
理解VueJS中的组件道具
javascript、vue.js
我正在试用vuejs，下面是关于这方面的laracasts系列网络广播。在中，Jeffery方法讨论自定义组件。根据他的屏幕，我有以下代码：
<div id="app">
<tasks list="tasks"></tasks>
</div>
<template id="tasks-template">
<ul>
<li :class="{'completed' :
浏览 1提问于2016-01-13得票数 9
回答已采纳
1回答
vue2:找不到用ajax初始化组件数据的正确方法
vue.js、vuejs2、vue-component
我有一个组件，它的数据由ajax初始化。我知道vue.js提供了几个生命周期挂钩：。但是对于ajax来说，初始化数据的最佳位置是哪个钩子(beforeCreate、create、挂载等)：
hook_name: function() {
ajaxCall(function(data) {
me.data = data;
});
}
目前，我在mounted中这样做，使它重新呈现组件。但我认为我们应该在第一次渲染之前得到数据。有人能想出最好的办法吗？
浏览 0提问于2017-03-06得票数 1
回答已采纳
2回答
将属性作为Vue.js中的组件参数传递
javascript、html、binding、vue.js
我正在用Vue.js创建一个测试组件。我想要传递一个参数在我的模板中使用，如下所示：
Vue.component('test', {
props: ['href'],
template: '<li><a href="{{href}}"><slot></slot></a></li>'
});
在我的html文件中：
<test href="/">Tvest</test>
但属性href未绑定到该属性。
<
浏览 18提问于2017-07-26得票数 1
回答已采纳
2回答
导入vue.js组件
javascript、vue.js、vuejs2、vue-component
我需要导入组件与数据到vue.js应用程序。
我可以注册组件，我使用了这段代码。
正确代码：
export default {
name: 'hello',
data () {
return {
msg: 'Welcome to Your Vue.js App'
}
},
components: {
'test': {
template: '<div>msg: {{message}}</div>',
浏览 1提问于2017-04-30得票数 0
1回答
传递给Vue中的动态组件的道具不是反应性的。
vue.js、vue-component
根据要显示的内容，我使用Vue的动态组件加载组件。由于这些组件都有不同的支持，所以我构建了一个对象并通过v绑定传递它，这取决于我需要从原始状态模型中使用什么。
然而，当我这样做时，我就失去了Vue的支持数据流的反应性。下面的代码示例展示了一个在标准组件上更改名称而不是在动态版本上更改名称的示例。
我希望这与复制到新对象中的字符串值有关，而不是对原始反应性属性的引用。有人能给我建议一下我怎样才能像预期的那样做这件事吗？
Vue.config.productionTip = false;
Vue.component("example-component", {
pro
浏览 0提问于2019-04-18得票数 5
回答已采纳
4回答
在Vue.js中等效反应容器和表示组件
javascript、vue.js
我想分离组件的业务逻辑和模板。在React中，我将使用容器/表示模式。
const Container = (props) => <Presentational ...props/>
但是与vue.js的等价性是什么呢？
假设我把所有这些都放在一个组件中(没有测试这个组件，只是举个例子)：
<template>
<div id="app">
<div v-for="user in users">
{{user.name}}
</div>
</div>
浏览 7提问于2017-05-23得票数 3
3回答
理解vue.js中的道具
javascript、vue.js
我正在阅读学习vue.js的指南，找到道具部分，并遇到了一个问题。
我知道子组件有隔离的scop，我们使用道具配置将数据从父组件传递到它，但是当我尝试它时，我无法让它工作。
我有
var vm = new Vue({
el: '#app',
// data from my parent that I want to pass to the child component
data:{
greeting: 'hi'
},
components:{
'person-container':{
浏览 8提问于2015-11-09得票数 18
回答已采纳
1回答
当试图通过数组数据或v-for循环时，Vuejs将不能正确地呈现组件。
javascript、components、vue.js
<!DOCTYPE html>
<html lang="en">
<head>
<script src="js/vue.js"></script>
<meta charset="UTF-8">
<title>V-for example</title>
</head>
<body>
<script type="
浏览 1提问于2016-03-01得票数 1
回答已采纳
1回答
创建一个包含几个组件的Javascript包以供重用
javascript、vue.js、npm、webpack、yarnpkg
我有一个后端渲染的页面(如果重要的话，是django)，我想使用来自PrimeVue的一些组件和打包为vue组件的markdown编辑器来增强它。现在，我们有一些使用jquery的小动画，对于这些动画，我们将来自CDN的jquery直接包含到我们的页面中。几个月前，我们需要使用更多的客户端交互性来增加页面的趣味性，我们通过CDN将vue.js包含到该页面上(删除jquery)，然后在index.js中编写一些javascript，我们也从CDN加载并完成了我们的工作。这就是目前的情况。该页面当前如下所示 <html>
....
<script src="htt
浏览 9提问于2020-09-15得票数 0
回答已采纳
1回答
使用vue.js中的.vue webpack(vue2)将子组件的数据组件更新为父组件
vue.js、vuejs2、vue-component
我正在测试vue.js的组件，当子组件更改时，我遇到了更新父组件的问题。
我用vue-cli (webpack)生成了这个项目，我使用的组件有自己的.vue文件。
守则：
App.vue
<template>
<div id="app">
<h2>{{ title }}</h2>
<div class="pie">
<change-title :title="title"></change-title>
<
浏览 3提问于2017-01-27得票数 0
回答已采纳
28回答
Vue 2-变异道具vue-警告
javascript、vue.js、vuejs2
我开始了系列。我在Vue、Laravel和AJAX课上停止了这个错误：
vue.js:2574 Vue警告:避免直接变异一个支柱，因为每当父组件重新呈现时，值都会被覆盖。相反，使用基于支柱值的数据或计算属性。被突变的支柱：“列表”(在组件中)
我在main.js中有这段代码
Vue.component('task', {
template: '#task-template',
props: ['list'],
created() {
this.list = JSON.parse(this.list)
浏览 45提问于2016-10-05得票数 290
回答已采纳
1回答
如何将数据从PHP传递到Vue.js，并在数据更改时重新呈现Vue.js组件？
php、ajax、laravel、vue.js、vue-component
我对Vue.js还有点陌生，所以我可能从根本上误解了它的反应性，但基本上，我想将一些数据从PHP传递给Vue.js组件，并且当数据发生变化时，会自动更新Vue.js组件。
我看过几篇类似的文章，因此建议我使用props将数据从Laravel模板传递给Vue.js组件。下面是一个例子：
我已经很好地完成了这个任务，但是现在我一直在研究如何让组件在页面加载后动态变化时进行更新。
具体来说，我在一个特定的网页上有一个报告表，当用户单击某些按钮等时，我使用Ajax调用一个Laravel控制器操作，该操作在我的Laravel模型中重新运行一个查询，以获取报表的新数据。
我有一个PHP数组/ JSON中
浏览 3提问于2019-02-14得票数 0
回答已采纳
1回答
timeseries_dataset_from_array的输入的形状是什么？
python、tensorflow、keras、time-series、tensorflow2.0
我有一个包含n列的数据集，其中第一个n-1是特性，nth是标签。
在阅读了文档之后，我在x_train和y_train中细分了上述数据集，包括：
x_train = data.iloc[:, :n-1]
y_train = data.iloc[:, n]
然后：
dataset_train = keras.preprocessing.timeseries_dataset_from_array(
x_train,
y_train,
sequence_length=7,
batch_size=batch_size,
shuffle=False
)
但是，以这种方式，我没有得到正确的输出形状。
我想
浏览 2提问于2021-01-03得票数 0
回答已采纳
2回答
如何在Vue.js中获得道具值？
javascript、vue.js
我希望在Vue.js中获得道具值，因为我需要在组件中接收eid来进行验证，但我不知道如何做到这一点，如果我这样做，那么Vue.js就是未定义的。另一种方法是将data()值从组件A发送到组件B。
我有这个组件，我需要得到eid，然后插入v-if
<section v-if="" >
<stream :configs="{eid : event.id}"></stream>
</section>
另一种方法是将数据()从组件A发送到组件B
data() {
return {
tipo: String
浏览 4提问于2020-04-02得票数 0
回答已采纳
1回答
未加载到HTML中的v-select组件
vue.js、vuejs2、vue-component
我正在尝试创建一个基本的网站，在那里我需要从下拉菜单中选择选项。我正在使用vue-strap库中的Select.vue来实现相同的功能。然而，v-select组件不会加载到html上。下面给出的是从vue-strap继承Select.vue的App.vue：
<template>
<div>
<app-header></app-header>
<v-select v-model="selected" :options="['Vue.js','React&
浏览 20提问于2020-02-06得票数 0
2回答
Vue.js组件图像空白
javascript、image、vue.js、src
我已经将一个计算属性绑定到Vue.js中图像标记的src。代码看起来是正确的，但不一致地工作，这让我感到困惑。此外，切换到/about页面并返回到主图书页面时，始终正确地显示图像。
任何可能导致这个问题的信息都将是非常好的！
此处提供该应用程序的托管版本：
生成图书组件和图片src的代码如下：
<template>
<article class="book-item">
<img :src="imgSrc" class="image">
<div class="meta&#
浏览 19提问于2017-07-28得票数 0
1回答
Vue.JS中的嵌套组件呈现与绑定
javascript、vue.js、vuejs2、vue-component
我正在学习Vue.js，并试图使嵌套组件呈现工作。
我从下面()开始：
var buildingComponent = Vue.component('building', {
template: '#building-component',
name: 'building-component',
})
var roomComponent = Vue.component('room', {
template: '#room-component',
name:
浏览 1提问于2017-02-26得票数 1
回答已采纳
1回答
组件-从父母那里获取数据？
javascript、vue.js、vue-component
我正在学习Vue.js，我不明白为什么<li>{{task.body}}</li>没有显示在屏幕上。
我已经创建了<tasks v-for="task in tasks"></tasks>组件，它需要从父母那里访问数据。
请参阅：
HTML：
<div id="app">
<tasks v-for="task in tasks"></tasks>
</div>
<template id="tasks-template"&
浏览 5提问于2016-08-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
