4回答
我有这样的代码：
new Vue({
el: '#app',
components: {
'app-component': AppComponent
},
data: {
message: 'Hello Vue.js!'
},
methods: {
doSomething: function(){
console.log('arri
浏览 1提问于2016-05-14得票数 11
我有一个带有模板的组件，它调用其他组件中的函数。
<div class="collapse list-unstyled">
<div *ngFor="let data of data1; let i=index">
<li>
<a class="dropdown-item menu-item" (click)= menu(i) >
{{data.item}}
</
浏览 0提问于2018-11-15得票数 1
回答已采纳
1回答
我有一个sidenav组件，如果你没有登录，它允许你登录，如果用户已经登录，它会显示一个菜单。
问题是，我想在其他一些组件中添加另一个登录“按钮”，也许它们不是那个sidenav组件的直接子组件。
例如，app.component.html：
<md-sidenav-container class="example-sidenav-fab-container">
<md-sidenav #sidenav mode="side" class="app-sidenav" opened="false">
浏览 3提问于2017-05-01得票数 1
嵌套管线组件是父管线组件的子项吗？即，我能否使用子布线组件的输出与父路由组件进行通信？如果不是，推荐的策略是什么？如果组件在路由时没有父子关系，那么它们也不会共享相同的服务单例对象？
浏览 4提问于2016-08-12得票数 1
2回答
我正在学习Vue，我对我的Vue应用程序的结构有疑问。
我了解到组件可以包括逻辑和模板。然后我分离了我的组件，每个人都从主应用程序中获取配置(配置是一个坐标为config.ll，config.lng的对象)。
我对我的搜索和发现API服务执行ajax调用，并在每个组件中显示结果(当前位置、场馆附近等)。
我的问题是:将调用封装到每个组件中是否正确？或者，在通用应用程序中获取所需的数据，然后使用pros与组件共享结果更好？
我的问题是，因为现在开始了最难的部分，当我想要将类别的单击传递给venuesNearYou组件时，我尝试使用emit，但没有成功。
//MAIN
<sidebar :c
浏览 1提问于2019-08-02得票数 1
只要学习Vue，请帮帮忙， 我可以导入一些组件 import products from './components/products.vue' 如何获取/设置一些数据，例如 props: {msg: String},data(){ return {bar: 2019}},
浏览 21提问于2019-05-08得票数 0
回答已采纳
如何在不重新加载Vue.js页面的情况下更新多个地方的数据？
这就是我的例子。
当我添加一个新应用程序时，会创建一个新的提醒。如何在页面的不同位置使用这些数据？
重要：所有元素都在不同的组件中。
浏览 2提问于2017-11-16得票数 0
回答已采纳
我是一个角度2的初学者，现在开发小的SPA。在components中，我通过http服务接收一些数据，将数据设置为类用户，并需要这些数据在其他组件中可用。问题是组件是完全独立的(没有父子关系)。在角2中有任何机制以这种方式传递数据吗？
浏览 1提问于2016-11-10得票数 1
回答已采纳
1回答
我正在使用angular，试图与非父子组件进行通信。所以我通过服务来传达它 service.ts Istoggle=false;
@Output() change: EventEmitter < boolean > = new EventEmitter();
toggle() {
this.Istoggle= !this.Istoggle;
this.toggle.emit(this.Istoggle);
} search.ts submit():void{
this.service.toggle();
} Home.ts ngOnInit() {
浏览 12提问于2019-02-20得票数 0
回答已采纳
我有一个父组件和一个需要交互的子组件。通常我会使用。在这种情况下，这是行不通的，因为这两个组件不在相同的路由模板上。父组件位于一条路由上，子组件位于子路由上，据我所知，无法将上下文组件传递给{出口}。
Route | Component
----------------------------
route | parentComponent
route.sub | childComponent
我目前看到两种选择：
将父组件逻辑移动到控制器。
使用服务
我想避免这两个选项，因为相同的父子组件可能同时显示两次。在这两种情况下，我看不到使用某种ID将正确
浏览 4提问于2017-01-04得票数 1
回答已采纳
我是vue.js的新手。我想问:如何重复添加组件？如果附加的组件是子组件，那么子组件如何将值传递给父组件，父组件如何标识哪个子组件传递了值？
浏览 1提问于2018-09-03得票数 0
回答已采纳
1回答
您好，我有这两个没有父子关系的组件：
var Track = React.createClass({
rawMarkup: function() {
var rawMarkup = marked(this.props.children.toString(), {sanitize: true});
return { __html: rawMarkup };
},
render: function() {
return (
<li className = 'right_menu_li valign-wrapper ten-margin-bot'>
浏览 0提问于2016-01-20得票数 0
3回答
Vue.js继承调用父方法
、、、、
在Vue.js中可以使用方法覆盖吗？
var SomeClassA = Vue.extend({
methods: {
someFunction: function() {
// ClassA some stuff
}
}
});
var SomeClassB = SomeClassA.extend({
methods: {
someFunction: function() {
// CALL SomeClassA.someFunction
}
}
});
我想从ClassB someFunction给ClassA so
浏览 4提问于2016-04-21得票数 22
回答已采纳
我有一个触发函数的组件上的按钮：
<button class="btn-main" (click)="hideElement()"></button>
在另一个弹出的组件中(没有父子连接)，我有3个div，如下所示
<div class="element1"></div>
当我点击parent中的按钮时，我想隐藏一个(设置类的可见性:隐藏)。当我使用该按钮打开弹出窗口时，如何隐藏该div？
浏览 0提问于2018-04-28得票数 1
因此，Vue.js有自己的样式指南，其中明确指出(在“基本”部分)，可以防止“与现有和未来的HTML元素发生冲突，因为所有的HTML元素都是一个单词”。
然而，他们使用<component>标记来表示。我在现有的HTML标记列表中找不到<component>。这是否意味着，如果有一天HTML采用<component>标记，Vue.js将尝试解析它们并破坏它们？
请澄清。
浏览 2提问于2018-12-06得票数 11
回答已采纳
我正在学习vuejs，但我找不到合适的答案。当我点击编辑年龄按钮或更改我的名字按钮时，我得到下面的错误。
Vue warn:避免直接改变道具，因为每当父组件重新渲染时，该值都会被覆盖。相反，应使用基于属性值的数据或计算属性。被变异的属性："myName“
Vue warn:避免直接改变道具，因为每当父组件重新渲染时，该值都会被覆盖。相反，应使用基于属性值的数据或计算属性。被变异的属性："userAge“
代码在这里。
请让我知道这段代码的错误之处。
浏览 4提问于2018-10-30得票数 3
以下是我的反应本机代码：
<NavigatorIOS
ref='nav'
style={styles.container}
initialRoute={{
title: 'List',
component: TaskList,
rightButtonTitle: 'new',
onRightButtonPress: () => {
this.refs.nav.push({
title: 'Add Task',
component: Add
浏览 6提问于2015-12-24得票数 6
回答已采纳
1回答
当我设置strict: true时，我会得到错误：
vue.js:525 [Vue warn]: Error in watcher "state"
(found in root instance)
warn @ vue.js:525
run @ vue.js:1752
update @ vue.js:1720
notify @ vue.js:584
reactiveSetter @ vue.js:814
Transform.resize @ transform.js:169
e.resize @ map.js:343
e._onWindowResize @ map.js:12
浏览 2提问于2016-12-29得票数 1
回答已采纳
1回答
我正在将我的Bootstrap 4网站迁移到Bootstrap Vue。我是Vue.js的新手，在这里我有一些困难。我正在尝试使用Bootstrap Vue可折叠组件，其中可折叠元素本身位于子Vue组件中，而按钮位于同级组件中，两者具有相同的父元素。现在我找不到信息，让他们交流的最好方式是什么。(将它们放在相同的Vue组件中的效果与预期不谋而合。)我的问题是一般的。在这方面有什么最佳实践吗？
非常感谢。如果我的问题不够清楚，请发表意见，这样我就可以解决它。
更新
在Max的帮助下，我设法让它像预期的那样运行(下面的代码)。在我的代码中发现了一个错误。我想简化一下总是一个好主意:)
HTML
&
浏览 10提问于2018-07-21得票数 0
我有下一个HTML：
<div id="app">
<component :is="currentView"></component>
</div>
Vue代码：
var GuestMenu = Vue.extend({
template: `
<input v-model="username">
`});
Vue.component('guestmenu', GuestMenu);
var Ap
浏览 0提问于2016-01-10得票数 0
回答已采纳
2回答
Web组件设计模式
、、、、
任何人都知道我们在web组件设计中面临的常见设计问题。我从Vuejs/ReactJS和角2开始，但是我面临的最常见的问题是组件之间的通信。我想与其他动态组件交谈，并将一些数据传递给它，希望得到数据作为回报。
就像我有一个重复的项目列表和所有项目一样，我必须打开一个选项选择器菜单(可重用)。当选择一个选项时，我也想得到一个回调。您可以考虑居住在#app元素下的公共模式或Popover。
以某种方式，我使用PubSub模式实现了这一点，但不认为使用它是个好主意。如果有人对此有更好的想法，请提出建议。
浏览 4提问于2017-03-13得票数 3
回答已采纳
我在读“反应”( React )的。我无法从文档中得到什么父子耦合。通常这一行：
通过在菜单组件中传递相关信息，每个MenuItem可以返回到包含的菜单组件。
守则是：
<Menu>
<MenuItem>aubergine</MenuItem>
<MenuItem>butternut squash</MenuItem>
<MenuItem>clementine</MenuItem>
</Menu>
浏览 2提问于2016-03-17得票数 4
回答已采纳
我有一个可重用的组件，我想在任何我想要的组件中使用它：
reusable.vue
<template>
<div class="example">
<slot></slot>
</div>
</template>
<script>
export default {
methods: {
alertme() {
console.log("hey!");
}
}
};
</script>
在另一个组件中，
浏览 29提问于2018-06-06得票数 0
回答已采纳
我试图从NavigationButton中的tabItem组件(类实例)访问ActionBar中的tabItem组件(类实例)和ActionBar中的tabItem组件(类实例)。我该怎么做？
<ActionBar color="black" title="">
<NavigationButton #navBtn text="Go Back" android.systemIcon="ic_menu_back" (tap)="goBack()" [visibility]="navBt
浏览 0提问于2018-03-11得票数 0
回答已采纳
1回答
我现在正在学习Vue.js，但是我在理解一项相当简单的任务(也许我的编程思想太老了)方面有一个小问题。
我用这段代码创建了一个小组件。
<template>
<div class="tabSelectorRoot">
<ul>
<li v-for="(element,index) in elements" v-on:click="changeSelected(index)">
<a :class="{ &#
浏览 0提问于2018-10-25得票数 2
回答已采纳
我是vue.js的新手。我有一个要求，开发一个经典ASP项目的日程安排功能的日历。我做了一些研究，在使用vue.js开发的GitHub上找到了以下项目。
我可以使用这个项目将该功能作为一个单独的应用程序来实现。但是我需要将这个插入到经典的ASP项目中，因为没有API可以单独开发。
我花了很多时间来寻找如何实现这一点，但找不到一个简单的指南。任何帮助都将不胜感激。谢谢。
浏览 1提问于2018-10-04得票数 0
1回答
我需要声明一个全局变量，它可以被我的Vue.js应用程序中的所有组件访问。所有组件都应该能够更改其值。我正在使用CLI模板。有什么建议吗？
谢谢Dhiaa Eddin Anabtawi
浏览 1提问于2018-04-20得票数 1
回答已采纳
3回答
我是一个非常新的vue和工作任务，是基于vue.js的。我使用道具在组件中显示我的数据。现在我想添加一个方法来增加一个产品的数量。
这是我的代码：
<div v-for="(products, index) in products">
<mdc-layout-cell span="2" align="middle">
{{ products.product_barcode }}
</mdc-layout-cell>
<mdc-layout-cell span="2" ali
浏览 6提问于2020-02-24得票数 3
回答已采纳
目前，我有一个Vue.js组件，它包含其他组件的列表。我知道，使用vue的常见方法是将数据传递给孩子，并从孩子那里向父母发送事件。
但是，在本例中，当单击父中的一个按钮时，我希望在子组件中执行一个方法。哪一种是最好的方法？
浏览 2提问于2016-11-28得票数 11
回答已采纳
1回答
我目前正在学习vue.js，我正在努力解决父组件和子组件之间的通信问题。
我试图构建两个组件(在不同的文件中)，一个“手风琴容器”和“手风琴”。这样做的想法是在页面上使用类似于这样的内容：
<accordion-container>
<accordion :title="'Accordion n1'">Insert HTML code here</accordion>
<accordion :title="'2nd Accordion'">Insert HTML code h
浏览 3提问于2021-03-15得票数 2
回答已采纳
我是vue.js的新手，我有两个不同的vue文件：
这是第一个文件：
import second from second.vue;
export default{
component: {second},
data() {return{
data: 'data',
}}
methods: {
function f1{
console.log(this.data);
}
},
mounted() {
this.f1;
}
}
这是第二个文件：
export default{
name: 'second
浏览 5提问于2019-12-06得票数 0
回答已采纳
现在，在父组件的表单字段中有一个带有选择选项的submit按钮，当用户更改select选项时，它将接受该值并在子组件中执行一个方法/函数。每当他更改时，我都想自动更新子函数。
<select>
<option value="www.google.com">google</option>
<option value="www.facebook.com">facebook</option>
<option value="www.twitter.com">twitt
浏览 3提问于2017-09-25得票数 1
我有两个组件，一个是videoComponent和videoControlsComponent。视频组件包含一个<video>元素，并且视频组件具有一些用于操作videoComponent <video>元素的按钮。
<video controls="{{ controls }}" [src]="streamUrl" #myVideo>
Your browser does not support the video tag or the file format of this video.
</video>
浏览 2提问于2018-06-20得票数 2
我有一个关于Angular2 +(不是AngularJs)的问题。我是一个Vue.js程序员，我很好奇它是否有可能在角度上。
假设您的应用程序具有许多执行许多任务的模块。您有一个前端应用程序负责监视模块状态；显示日志、错误、通知用户某些模块已经完成工作等。这些模块通过WebSocket (或STOMP)与前端对话。如果前端接收到消息，则必须对其进行处理，并且必须更新模块的相应状态(例如标题)。因此，如果角接收到消息，他必须动态选择子组件并更新其状态(调用子方法)。
这是它在Vue.js:中的样子
父组件的内容：
<module ref="moduleA" ><
浏览 1提问于2018-09-11得票数 3
回答已采纳
1回答
不知何故，我不明白为什么当我调整窗口大小时，我的UI的某些部分不能移动。它们看起来并不是相对于画布边框放置的，即使它们是画布的子级。我试图为我的UI组件解除父子关系并重新为其父子关系，但没有解决这个问题。我重新启动了unity，删除了这些部分，然后添加了新的UI对象，然后重新创建了它们，但仍然存在相同的问题。而我的旧部分的UI很好地调整了画布的大小。你知道会出什么问题吗？
在调整窗口大小之前：
使用鼠标调整窗口大小后：
白色方块应该留在左上角，但看起来就像是固定的。
浏览 12提问于2016-09-23得票数 0
回答已采纳
1回答
与在单独的js文件中声明函数相比，在vue.js实例中在方法下声明函数有什么不同？使用vue.js方法有哪些好处？
浏览 2提问于2017-11-02得票数 0
回答已采纳
3回答
我是Vue.js的新手。我对Vue组件之间的通信做了一些简单的练习。但我仍然有一个问题，谁是孩子，谁是家长。例如，我有以下代码：
HTML:
<body>
<div id="root" class="component">
<coupon @applied="onCouponApplied"></coupon>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js
浏览 7提问于2019-08-14得票数 1
回答已采纳
3回答
我是vue.js新手，我正在努力了解如何使用$emit。在下面的代码中，除了最后一个元素之外，每个input元素都按预期工作。
我在上一个input元素中的假设是，使用事件名调用$emit与调用具有该事件名的函数相同，但它不调用该函数。这个$emit发生了什么？
我已经阅读过，这表明它将在我所做的工作中被不同的使用。所有这些方法都是从我观看YouTube视频(7种秘密模式.)开始的，特别是在这个时候，你可以在幻灯片上看到的用法。
以下是JSFiddle 中的代码
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js&#
浏览 0提问于2018-09-15得票数 1
回答已采纳
当使用<ng-content></ng-content>进行内容投影时，通常可以通过依赖注入访问父组件： @Component({
selector: 'app-parent',
template: 'Parent / <ng-content></ng-content>'
})
export class ParentComponent {}
@Component({
selector: 'app-child',
template: 'Child / Has parent:
浏览 8提问于2021-07-19得票数 0
回答已采纳
我正在使用angular2开发一个应用程序。我有一个场景，在路由(使用router.navigate())时，我需要将复杂数据(对象数组)从一个组件传递到另一个组件(它们不是父子组件，它们是两个独立的组件)。我已经用谷歌搜索过了，大多数结果描述了组件是父子组件的场景。我已经浏览了结果，并找到了这些传递数据的方法。
1)创建共享服务2)作为路由参数传递
第二种方法适用于我(尽管我不喜欢上面解释的复杂数据)。我无法使用共享服务共享数据。所以我的问题是，只有当组件处于父子关系中时，才能使用服务在组件之间传递数据吗？另外，让我知道是否有其他首选的方法来在一个组件和另一个组件之间传递数据？
更新:我正在
浏览 2提问于2017-03-03得票数 19
回答已采纳
1回答
在Vue 3中安装组件库
、、、、
我是Vue.js新手，试图将Vue.js 2迁移到Vue.js 3。我已经仔细阅读了关于如何迁移的Vue.js说明；然而，我需要迁移的应用程序包含了一个组件库，我也需要在迁移的应用程序中挂载它。
这是Vue.js 2 main.js文件：
import './styles/imports.scss';
import * as components from './components';
import * as layoutComponents from './layouts';
import
const ComponentLibrary =
浏览 0提问于2022-07-22得票数 0
回答已采纳
1回答
我是前端开发的新手，我想知道如何使用Vue.js读取java类列表。我有一个Java类，其中包含我想要读取的水果列表，并使用Vue.js在UI中显示它：
public class MyClass {
List<String> fruits= new ArrayList<>(Arrays.asList("apple","banana","grapes"));
}
浏览 11提问于2021-03-07得票数 1
在Vue.js中，我有以下代码(带有类型记录Vue.js 2和类组件)：
toggle(id: string): void {
if (this.selectedIds.has(id)) {
this.selectedIds.delete(id);
} else {
this.selectedIds.add(id);
}
}
和
get handledUsers() {
return this.users.map((user) => ({
...user,
selected: this.selectedI
浏览 2提问于2021-12-27得票数 1
2回答
你好，我需要帮助，我使用vue.js，我需要"fullpage.js“，但它只支持vue3
如何在vue.js中使用完整页面？
或者，我如何使用纯JS？
()
到目前为止，这是我的代码脚本：
<script>
import Bio from "../components/Bio.vue";
import Counter from "../components/Counter.vue";
import Gallery from "../components/Gallery.vue";
import About from
浏览 13提问于2022-10-27得票数 0
2回答
我有一个angular 6应用程序，它有一个顶部栏和下面的内容区域。这些是不同的组件，我目前正在开发用户配置文件页面。用户的名称也会显示在顶部栏中。
我的问题是，每当我在EditUser页面中更新用户名时，它都会成功保存，但顶部栏中的用户名并没有更新。在Vue.js中，我可以简单地使用Vuex商店来处理这个问题；但是在Angular 6中我该如何处理这个问题呢？
任何帮助都将不胜感激。
浏览 0提问于2018-09-18得票数 0
没有父子关系，URL中没有查询字符串不使用任何服务
浏览 1提问于2020-05-02得票数 0
我的页面包含两个完全独立的反应组件(不同的文件，不同的类，没有父子关系)。
一个组件如何调用另一个组件中的实例方法？问题似乎是获取目标组件的实例。
编辑:两个组件共享同一个父组件(即它们在同一个render()方法中呈现)，但我仍然不知道如何将目标组件的引用传递给调用组件。
浏览 10提问于2017-07-06得票数 3
回答已采纳
Vue slot为开发者提供了极好的灵活性。
在插槽中进行父子通信时，使用eventbus是一种很好的方式。
但是在父级中使用$slots api时，我遇到了一些问题。
当插槽内容由指令呈现时，不会再次评估接口。
例如,
Vue.component('parent', {
template:'<div v-if="visible"> <slot></slot></div>',
data(){
return{
visible:false
}
},
浏览 1提问于2020-12-22得票数 1
1回答
我想问您，在VUE.JS组件'A‘中，是否有可能调用另一个使用组件'A’的VUE.JS组件'B‘的方法。
谢谢
浏览 5提问于2020-10-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
