4回答
将数据从一个页面传递到另一个页面的简单任务让Vue.js新手非常头疼。这是我的路由器
我正在"/“页面上呈现一个表单，该表单发出一个API请求，
我只想用另一个组件将数据传递到另一个路由页面
在Vue做这件事有那么难吗？今天真的让我很头疼。从API获取数据，保存并发送到另一个组件。我该怎么做呢？
浏览 3提问于2017-08-03得票数 9
回答已采纳
这两个组件在app.vue中使用vue-路由器定义如下：
<div class='app'>
<div class='nav'>
<router-link to='/a'>to A component</router-link>
<router-link to='/b'>to B component</router-link>
</div>
<div class='conte
浏览 4提问于2017-11-10得票数 1
回答已采纳
2回答
我正在学习MVP结构，并试图找出：
如何在模型之间传递数据？
每个模型代表一个动作，如果我需要将数据从一个模型发送到另一个模型，我如何才能正确地完成它？我应该通过演示者传递数据吗，比如
firstModel -> commonPresenter -> secondModel
或
在模型之间发送数据，如
firstModel -> secondModel?
如果这些模型与不同的主持人交互呢？
浏览 6提问于2017-01-14得票数 0
当将vue-router与.vue文件一起使用时，没有记录在案的将数据从一个视图/组件传递到另一个视图/组件的方法。
我们来做下面的设置..。
main.js
import Vue from 'vue';
import VueRouter from 'vue-router';
Vue.use(VueRouter);
let routes = [
{
path: '/page1',
component: require('./views/Posts.vue')
},
{
浏览 4提问于2017-08-16得票数 5
回答已采纳
我第一次使用vue.js扩展。我有一个扩展另一个组件的组件，它需要读取根组件数据来更新自己组件中的状态。
我发现，扩展其他组件的组件在呈现时似乎只获取根数据的副本，但是如果我更新根组件中的属性，则扩展组件中没有更新属性。
因此，如果扩展组件在根用户不更新时不更新，我可能不会这样做。例如，我希望检查根组件上的数组的长度，并更新另一个数据值。它更新根上的值，但不更新扩展组件上的值。
这是否是预期的行为，我是否可以将更新的数据发送到扩展组件？
样本代码：
<a inline-component>
<input type="text" v-model="myA
浏览 0提问于2019-07-30得票数 0
1回答
我有一个用@vue3/cli项目创建的非常简单的项目。我的问题很简单，但我找不到一个简单的或任何解决方案。
我有两个组件。一个组件在视频标签中具有网络摄像头视频渲染，而另一个组件具有html5画布。我想在另一个组件的画布上渲染视频的一部分。我不知道如何将视频图像从一个组件发送到另一个组件。
这两个组件都注册在同一层次结构的同一视图下。
Home -->
WebCam.vue
Canvas.vue
现在我已经尝试将视频作为数据从WebCam组件发送到Canvas组件，使用-
this.emitter.emit('cam-image', {
浏览 4提问于2021-05-31得票数 0
2回答
我正在学习Vue，并尝试测试如何将用户输入从一个函数传递到另一个函数。
我的用例是这个。我希望接受用户输入，存储它，然后将它作为一个变量提供给第二个函数，它可以用来进行API调用。
单独地，这两个代码部分是：
用户输入
<div id="v-model-basic" class="demo">
<input v-model="message" placeholder="edit me" />
<p>Message is: {{ message }}</p>
</div&
浏览 2提问于2021-11-18得票数 4
回答已采纳
我正在学习vue+laravel。我想将值从一个组件传递到另一个组件？我使用vue路由器进行路由。
下面是第一个和第二个组件的代码。SelectPerson.vue
<template>
......
<div>
<input type="number" class="form-control" name="numberOfPersons" placeholder="Enter number of persons here" **v-model="input
浏览 3提问于2017-09-11得票数 4
"cardData“可以看到，但不能理解数组由哪些元素组成。 在vue-router v3.x中，一切都正常工作。 我的错误： [Vue warn]: Invalid prop: type check failed for prop "productCartData". Expected Object, got String with value "[object Object]".
at <ProductCart key=undefined productCartData="[object Object]" >
浏览 79提问于2021-06-20得票数 0
回答已采纳
我有3个组件(get-users，get-projects，get-tasks) -每个组件都包含一个按钮，该按钮触发一个ajax请求来检索一些数据。我希望从ajax请求返回的数据显示在页面上的第四个独立组件中(show-result)。例如：
<div class="row">
<div class="col-md-6>
<get-users></get-users>
<get-projects></get-projects>
<get
浏览 36提问于2016-01-21得票数 14
回答已采纳
1回答
我想要将一个特定的Vue组件从一个包含多个vue组件的文件导入到另一个组件文件中 我已经尝试了来自'./components/SeveralComponents‘的普通导入组件，但它不起作用 Vue.component('firstComponent', {
props: [a,b,c],
template: <p>hello world</p>
});
Vue.component('secondComponent', {
props: [c,d,e],
template: <h1>
浏览 13提问于2019-06-21得票数 0
回答已采纳
Irm尝试从我的vue应用程序中的另一个组件调用函数。 在我的library.vue中，我有一个函数可以打开一个带有id的弹出窗口： displayPopup(id: String) 在我看来，我有一个带有ID的route.param，当我调用mysite.com/12时，我想打开第12个弹出窗口。 在我的视图中，库组件被调用。 有没有人知道当我调用good URL时如何打开弹出窗口？
浏览 90提问于2021-07-05得票数 0
1回答
如何在另一个Vue组件中获取元素的值并在另一个组件中使用它。例如，我想从一个单独的组件中获取文本框的值，然后在另一个组件中使用它。
浏览 12提问于2018-08-08得票数 0
回答已采纳
我有一个数据属性'auth'，它保存用户是否登录。如果它是空的，那么用户没有登录，如果它已经'loggedin‘了，那么用户就登录了。
这位于一个名为'App.vue‘的组件中，我还有另一个名为'DashboardComponent.vue’的组件。如果用户没有通过身份验证，但输入了'/dashboard‘URL，我希望应用程序将用户踢回登录屏幕。如何将“App.vue”组件中的“auth”数据放入“DashboardComponent.vue”中，并检查用户是否已通过身份验证(在仪表板呈现之前)？
编辑：
这就是我目前尝试做的事情。
[Dash
浏览 0提问于2019-04-02得票数 1
我正在建一个铬的分机号。
我成功地创建了一个影子dom，使用内容脚本it创建一个div元素，打开阴影模式，然后将其挂载到主体中。
这只是个div。我想要做的是安装一个Vue组件。我正在使用Vuejs来构建这个chrome扩展，并且这个项目的index.html被用作popup.html。
因此，我尝试使用内容脚本中的chrome.runtime.getUrl('../../views/About.vue')将vue组件挂载到影子区域，但没有成功。
我还能用什么其他方式来显示由内容脚本创建的阴影区域中的Vue组件呢？
浏览 26提问于2022-12-01得票数 0
回答已采纳
3回答
我有一个JavaScript对象，我正试图绑定到Vue视图。
我正在运行一个函数来使用AJAX更新JavaScript对象，并且我期望Vue绑定到JS对象，并在对象更新时更新视图，尽管这没有发生。
研究表明，在Vue声明中进行AJAX调用，但由于其他限制，我宁愿不这样做。
我创建了一个小提琴来说明问题是什么，因为没有AJAX部分它是可复制的，并且粘贴了下面的代码。
提前感谢你的时间和智慧。
谢谢,
vmitchell85
JavaScript
window.changeTheData = function (){
externalJSSystems = [{description:
浏览 4提问于2016-01-18得票数 1
我正在尝试在Vue中实现Laravel的授权和策略，方法是实现一个将GET请求发送到后端控制器的混入。 问题是v-if指令正在接收承诺，这显然不能解决 下面是我正在尝试做的事情的一个非常简化的版本： 全局混合，auth.js import axios from "axios"
export default {
methods: {
async $can (permission, $model_id) {
let isAuthorized = false;
await axios.get(`/autho
浏览 72提问于2021-05-09得票数 0
将数据从一个类传递到驻留在同一级别的另一个类，而无需在react本机中导航。
浏览 20提问于2020-09-30得票数 0
回答已采纳
2回答
我刚从Vue.js开始在学校，在我的第一个任务，我要打印一个h2从一个vue组件，但我无法使它工作。我已经创建了vue组件，如下所示。
var app = new Vue({
el: '#app'
})
Vue.component('titleMsg', {
template: '<h1>{{ title }}</h1>',
data: {
title: 'Vue startsida'
}
})
这里还
浏览 4提问于2019-11-20得票数 1
回答已采纳
1回答
我有这样的情况：
父组件(Parent.vue)：
<template>
........
</template>
<script>
export default {
name: 'Parent'
...........
</script
子组件(Child.vue)：
<template>
........
</template>
<script>
export default {
name: 'Child'
...........
</script
为了
浏览 0提问于2020-09-10得票数 1
2回答
我正在使用vue元素<input-tag>，我需要为一个包含标记的实体创建编辑页面。因此，应该根据实体中的当前值( <input-tag> )填充字段。我成功地做到了这一点，但是整个JSON对象出现在<input-tag>字段(例如：{"id":2, "tagName": "vuejsproblem", "newsId": 1})中，而不仅仅是它应该是的tagName。
而且，在控制台中，我不知道为什么出错，因为this.tags显然不是""
[Vue warn]: Inva
浏览 6提问于2021-08-17得票数 1
回答已采纳
只要学习Vue，请帮帮忙， 我可以导入一些组件 import products from './components/products.vue' 如何获取/设置一些数据，例如 props: {msg: String},data(){ return {bar: 2019}},
浏览 21提问于2019-05-08得票数 0
回答已采纳
我是Vue.js的新手。我正在用Vue js来做Todo列表。在这里，我使用拖放概念将块从一个div移动到另一个div。问题是我不知道如何克隆父元素中的块。这是代码。
此外，为了克隆，“LMDD”使用lmdd-clonner和lmdd-dispatcher类来克隆可拖放的块。这是与克隆细节有关的链接。
有人帮我克隆街区吗？
浏览 5提问于2017-05-26得票数 2
回答已采纳
1回答
我最近开始用Vue 3创建一个应用程序，当我尝试从一个子事件发送到另一个父程序时，我很难进行身份验证。下面是我的代码示例：
儿童
<template>
<form class="msform">
<input @click="goToLogin" type="button" name="next" value="Login" />
</form>
</template>
<script>
import Cookies from
浏览 3提问于2021-01-11得票数 3
回答已采纳
我使用vue draggable组件将对象从一个div拖放到另一个div。我还使用了过滤v-model的filterBy。问题是，当我过滤(例如，得到1个结果)并尝试拖放项目时，所有项目中的第一个项目会被拖放，而不是被拖放的项目。
拖动自：
<draggable :list="available" class="draggable" :options=" group:'stuff'}">
<div v-for="people in filterBy(available, filter_availab
浏览 31提问于2017-03-17得票数 2
首先，我对vue非常陌生。我是在速成班上学的，谷歌是在几个小时后学到的。所以如果这是显而易见的请原谅我。
vue cli中的我的代码：
所以，我遇到了一个问题，我必须把所有的单选按钮组合成一个数组。这个数组应该由单选按钮组的索引填充，并表示它们是否被更改(是否检查它们)。他们每组只能选一个，这是个小测验。
我遇到的问题是，即使我觉得我使用了正确的逻辑，数组还是从0,0,0,0,0，0开始，对于每一组单选按钮。这意味着我只能从一个组或另一个组生成一个具有按钮映射的数组。下面我将遍历代码并进一步解释。
App.vue
这里有一个简单的组件，我只需导入一个json文件。它是一个对象数组，每个对象都包
浏览 3提问于2022-07-03得票数 1
回答已采纳
on VueJS声明scoped应该将样式限制在组件上。但是，如果我创建两个具有相同baz样式的组件，它将从一个组件泄漏到另一个组件中：
foo.vue
<template>
<div class="baz">
<Bar></Bar>
</div>
</template>
<style scoped>
.baz {
color: red;
}
</style>
bar.vue
<template>
<div class="baz&
浏览 0提问于2017-08-26得票数 40
我有一个具有默认数据的组件，我希望在其他页面上与其他数据一起重用这些数据：
CustomCard.vue
<template>
<div>
<v-layout >
<v-flex md4 class="white">
<div>
<slot class="top-img">
<img src="../assets/default.jpg"
浏览 1提问于2017-12-27得票数 0
2回答
页路由器的vue旋转器
、、、
我使用，我有一个。
主页是Home.vue，在其他组件上有链接：
<router-link to="/">Home</router-link>
<router-link to="/helloworld">Hello World</router-link>
<router-link to="/bigimg">Big Img</router-link>
main.js：
import Vue from "vue";
import App from "
浏览 0提问于2018-09-29得票数 1
1回答
目前，我们有Vue + Vuex应用程序，每页使用大量自定义组件。我们使用MongoDB作为数据库。
每个组件在初始化时从API端点加载一些数据：
async loadData() {
const data = await getData('/api/some_url', {path_in_db: 'some.path.to.db')
}
现在，当页面初始化期间有50多个请求发送到后端服务器时，我们遇到了一个问题。
我想做的事：
创建Vuex商店
import { INITIAL_DATA_GET, INITIAL_DATA_SET, INITIAL_DAT
浏览 4提问于2019-12-25得票数 2
最近我在Vue路由器上遇到了一个问题，假设我们有一个Vue CLI项目，我们的App组件如下所示：
<template>
<div id="app">
<div class="links">
<router-link to="one">one</router-link>
<router-link to="two">two</router-link>
</div>
<div cla
浏览 2提问于2020-10-15得票数 2
回答已采纳
2回答
在Vuepress博客站点中，我在我的博客贴子中插入了一个组件，该组件从数据库获取信息以填充其数据。
我有一个GraphQL服务器来提供数据，所以我尝试使用来获取组件中的数据。
我试图在enhanceApp.js文件中添加vue-阿波罗，如下所示：
// enhanceApp.js
import { ApolloClient } from 'apollo-client';
import { HttpLink } from 'apollo-link-http';
import { InMemoryCache } from 'apollo-cache-inm
浏览 1提问于2019-03-12得票数 2
2回答
我有一个通过激活另一个组件来接收输入的组件，我需要通过代码从一个组件导航到另一个组件，并将输入值发送到导航。你怎么做到的？
我知道如何从一个组件导航到另一个组件，但我不知道如何将输入值发送给它。我很感谢你的帮助！谢谢。
这是我的一个组件：
export class HostPersonalAreaComponent implements OnInit {
constructor() { }
panelOpenState = false;
@Input() suggestion: Suggestion;
ngOnInit() {
console.log(this.sug
浏览 2提问于2020-09-09得票数 0
回答已采纳
我想从一些页面重定向到404页面，如果有一个错误。它可以工作，但有一个隐蔽的错误。 Profile.vue methods: {
async getProfile(id) {
try {
const response = await this.$store.dispatch('GET_USER_PROFILE_BY_ID', { id });
this.userProfile = response.data.data;
} catch (err) {
this.$log.error(err);
await t
浏览 18提问于2020-11-21得票数 0
回答已采纳
当我在父vue中单击子组件时，代码背后的想法是使子组件处于活动状态。
父vue文件：
<PackageItem
v-for="pack in packagesData"
:key="pack.id"
@click.native="selectPackageItem(pack.id, pack.humanLabel, pack.humanPrice, pack.index)"
>
儿童部分：
props: {
selected: Boolean
},
data () {
return {
selected:
浏览 7提问于2018-11-23得票数 0
回答已采纳
我想知道在不污染全局命名空间的情况下，在单个文件Vue组件上公开数据属性的最干净的方法是什么。
在Vue的主条目文件(app.js)中，我正在设置Vue，如下所示：
import components from './components/components';
window.app = new Vue({
el: '#vue',
store,
// etc.
});
我的components.js导入了我想要用作HTML片段的所有组件。其中一些组件本身就是导入组件，没有在我的root实例中直接设置为组件。
公开某些单文件Vue组
浏览 4提问于2017-10-09得票数 3
2回答
我将以下组件定义为：
import Vue from 'vue';
import Datepicker from 'vuejs-datepicker';
Vue.component('DatePicker', {
template: `
<datepicker name="date"></datepicker>
`,
});
我试图从另一个文件导入它并在另一个组件中使用它，但是由于某些原因，我得到了如下错误：
Vue警告:未知的自定义元素：-正确注册组件吗？对于递归组件，请确保提供&
浏览 1提问于2019-02-27得票数 0
回答已采纳
1回答
我有两页：
search.php，包含名为search.vue的vuejs组件。
person.php，包含另一个名为person.vue的组件。
在search.vue中，我有指向person.php的链接。
为什么组件search.vue中设置的样式也会影响person.vue中的DOM
我的style组件中的search.vue标记：
<style>
.row {
background-color: red;
}
</style>
除了通过href链接打开person.php页面之外，没有任何地方可以连接这两个视图。
浏览 0提问于2017-06-14得票数 2
回答已采纳
1回答
我在用Vue和Firebase。我正在使用以下代码初始化
Index.vue
import Firebase from 'firebase';
import User from './User';
export default {
components: {
User
},
data() {
return {
users: []
}
},
mounted() {
let firebase = Firebase.initializeA
浏览 0提问于2017-10-29得票数 0
回答已采纳
所以，我有一个包含多个子组件的应用程序。基本上是个电子表格。
当任何单元格发生变化时，我希望能够计算组件的总和。我已经找到了一种方法，通过在传播更改事件时缓存单元格的所有值来存储它们。但是，这是最好的方法吗？有更好的方法来动态抓取孩子吗？我知道props是发送数据的方式，但是我如何提取数据呢？
这是HTML：
<html>
<head>
</head>
<body>
<span id="calculator">
<template v-for="i in 5">
<cell v
浏览 3提问于2016-12-14得票数 1
回答已采纳
我是vue高级用户，我需要在我的项目ALT+click (multiCursorModifier)中对各种vue组件进行定义/实现。我已经安装了vetur，这是我的settings.json vetur特定设置。 "vetur.experimental.templateInterpolationService": true,
"vetur.trace.server": "verbose" 这是我的jsconfig.json {
"compilerOptions": {
"baseUrl
浏览 48提问于2021-08-24得票数 2
1回答
随时间变化的随机值数组
、、、
我有一个带有重复HTML、JS代码块的项目，其中应该有十个字段(A、B、C.)有一定的功能。已经实现了三个字段，但我不想复制和粘贴代码块。我能够解决一些重复，但大部分的代码我无法修复。根据app逻辑，我不知道在这方面做什么是可能的。否则，应用程序运行良好。我希望能得到任何帮助，或者任何能为我指明正确方向的东西。请参阅完整的工作代码示例：https://codesandbox.io/s/black-sound-rseqb。
Task要求：创建一个带有两个页面的Vue.js应用程序。
首页应在url '/‘上
在加载本页应显示10个字段标记为A，B，C，D.初值为3。
页面加载后，每2秒所
浏览 0提问于2020-04-18得票数 2
在Vue + Vite项目中，我的文件夹结构如下所示
问题是vite没有检测到A.vue或B.vue中的更改(B.vue)，即组件文件夹中NestedFolder下嵌套的组件。其他地方都很好。
我的vite.config.js是这样的，
import { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// https://vitejs.dev/config/
e
浏览 9提问于2022-08-10得票数 2
1回答
我试图从一个实例委托一个avent到另一个实例。
页面顶部有一个工具栏，上面有一个按钮，如下所示
<div id="toolbar">
<button v-on:click="add" class="btn btn-default" type="submit"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Ny</button>
</div>
浏览 2提问于2017-06-02得票数 4
回答已采纳
1回答
可拖动vue组件
、、、、
在复制时：
()
我遇到了一个与模型相关的问题；如何将拖放组件添加到vue组件而不是原始的json (如示例中所用)。
我要做的是，添加拖放到：
(每个项目可以从一个组移动(“拖动”)到另一个组，每个组可以从一个较低的位置拖到一个较高的位置(反之亦然)。
我试过：
并得到：
Unexpected mutation of "itemSectionData" prop. (vue/no-mutating-props)
但在这种情况下，数据来自(通过？)一个道具。
组件的层次结构是：
ChromePage -> InventorySectionC --> Inven
浏览 0提问于2021-06-14得票数 0
回答已采纳
2回答
我有下面的代码。
main.js
new Vue({
el: '#app',
template: '<App/>',
components: { App }
})
App.vue
<template>
<div id="app">
// this does not pass the data to the component
<basics :resume="resume"></basics>
<education :resu
浏览 3提问于2017-04-07得票数 0
假设我在一个Vue组件(我们称之为Data.vue)中有一些数据，如下所示：
<script>
export default {
data(){
return{
data1: {some data}
}
}
}
</script>
我想在一个方法中使用另一个页面(Main.vue)上的数据。
<script>
export default {
methods: {
someMethod: function(){
console.log(th
浏览 0提问于2020-04-15得票数 1
我正在尝试使用Vue路由器(例如代码)从一个URL重定向到另一个URL
{
path: '/verifyemail/:id/:token',
//can i somelogic here when user entered
},
{
path: '/login',
component:login
},
我想要做什么？当用户注册自己时。当用户点击他的电子邮件中的验证按钮时，服务器将电子邮件验证链接发送到他的电子邮件，然后它应该首先调用verifyemail url。它有一个带参数的ajax调用，这个参数是我现在从ve
浏览 6提问于2018-08-06得票数 0
回答已采纳
1回答
我有一个vue应用程序，可以将一个数组从一个组件发送到另一个组件。这是可行的。但现在我想直观地展示这一点。我的意思是这样的：
数组1中有字段日期和时间，它被复制到父数组2中，我可以记录这一点，但是如果我想显示一个特定值，例如日期本身，它不显示任何内容，并给出错误，该属性不能被读取。我尝试遍历父数组，但它不起作用，导致无法读取属性错误。
有没有人能给我指点一下如何解决这个问题。
Childcomponent方法和要复制的数组该方法在此处用数据填充数组：
data: () => ({
selectedTime: [],
dates: [{date : new Date().
浏览 22提问于2021-05-19得票数 0
为了学习，我在Vue 3中创建了一个简单的购物车。
到目前为止，我已经设置了从products对象到addToCart()功能的所有东西，并且一切都在v-for循环中工作。
问题是，我需要在v-for循环之外的警报中显示产品的标题，我不知道如何在Vue中这样做。
我试过emit和provide，但是它不起作用。我可以通过Alert.vue将整个对象发送到子组件provide，但这没有帮助，因为我只需要获取所选产品的当前索引就可以获取其标题。
您可以在这里查看一个演示，
尝试将产品添加到购物车两次，并检查警报。目前它正在显示整个cart对象，但我只需要获取产品的title，这样警报就会显示为Yo
浏览 2提问于2022-05-16得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
