1回答
在Vue.js中，属性名称前的美元字符/符号前缀是什么意思？
例如：this.$emit('clicked', 'demo')
浏览 5提问于2019-07-04得票数 31
回答已采纳
我有以下代码：
const BasicInput = {
template: '<input v-model="content" @input="handleInput" />',
prop: ["value"],
data() {
return {
content: this.value
};
},
methods: {
handleInput(e) {
this.$emit("input", this.content);
浏览 0提问于2019-04-05得票数 1
回答已采纳
我正在构建一个组件，它应该从父对象获取一个数组对象，并显示它们，并允许删除一些对象(=子对象向父对象发送一个新的Array)。
对于理解子->父级通信非常有用，但是我现在被一个错误困住了，我不明白：
Vue.component('search-box', {
template: '#search-box-template',
props: ['who'],
methods: {
deleteID: function(p) {
var user = _.filter(this.who, function(w
浏览 2提问于2017-06-08得票数 0
回答已采纳
3回答
我正在用VueJS测试、发射和监听方法，以学习如何使用它。我得到了一些奇怪的结果，我不明白。我希望调用我的函数initMap()，并且控制台正在进行日志记录，但错误出现在顶部。
Uncaught TypeError: Cannot read property 'apply' of undefined
at Vue$3.Vue.$emit (vue.js:2186)
at Vue$3.emit (main.js:131)
at Vue$3.boundFn [as emit] (vue.js:167)
at Vue$3.fire (main.js:1
浏览 10提问于2017-05-10得票数 2
使用此vue.js方法登录用户：
loginUser: function () {
socket.emit('loginUser', {
email: this.email ,
password: this.password
}, function() {
console.log('rooms in callback are:', rooms);
});
}
在服务器上，loginUser事件由以下人员处理：
s
浏览 0提问于2018-06-04得票数 0
回答已采纳
我对Vue.js非常陌生，我只是偶然发现了一件很难做的事情(至少对我来说是这样)，其中Vue抱怨变异了一个道具(孩子们显然不应该更换父母的道具)。我本来要在8小时内放弃的，但后来成功了！不仅如此，我还提出了另一个解决方案。以下是两个解决方案：
使用watch：
const VueNavDrawerComp={
props : ["childSideNav", "menuItems"],
template :
/*html*/
`
...
`,
浏览 0提问于2021-07-28得票数 1
回答已采纳
我试图让Vue.js更好地使用，但在如何避免使用.selectpicker('val')设置的值和由Vue不断更新的值之间的呈现循环方面完全被卡住了。
示例如下：
vm.$emit('input', this.value) (第10行)
有效，但不适用于多个选择。但是，如果您切换到：
vm.$emit('input', $(this.$el).selectpicker('val')); (将第10行替换为第9行)
它会将脚本发送到无限循环中。
我对Vue.js比较陌生，不能理解它是如何工作的，或者是不是Bootstrap-sel
浏览 1提问于2018-09-16得票数 0
嗨，我是学习Vue.js的新手，我想知道如果我双击子元素，是否可以防止父元素中的dblclick事件。.stop或.prevent不起作用。删除span标记是相同的。
<div @dblclick="$emit('someEvent', task.id)">
<span>
{{task.text}}
<i @click.stop="$emit('set-task-to-edit', task.id)">
浏览 5提问于2021-08-07得票数 0
回答已采纳
我想$emit一些数据到vue.js 2中的所有子组件，这是我的代码：
根组件
const app = new Vue({
created: function(){
// here is some promise and after it done the below line runs
this.$emit('foo', 'bar');
}
});
子组件
<template></template>
<script>
export default {
c
浏览 6提问于2017-10-21得票数 1
1回答
我试图在一个组件中捕获vue.js自定义事件，但它没有捕获到。有什么问题吗？
myEventFunc: function() {
this.myEvent = true;
},
clickedFunc: function() {
this.clicked = true;
this.$emit('myevent');
}
JSFiddle示例：
浏览 1提问于2017-09-11得票数 0
1回答
我正在用Vue.js (使用axios)编写一个具有文件上传功能的项目。
在以POST发送axios请求之前，我需要实现一个操作
axios.post('/upload', form, {
before: (xhr) => {
fileObject.xhr = xhr;
},
onUploadProgress: (e) => {
//emit progress event etc...
console.log('upload progress: ' + e.loaded);
}
}).then((respons
浏览 4提问于2017-05-14得票数 22
回答已采纳
1回答
我使用的是vue-material，我有： <md-dialog-confirm
:md-active="true"
md-title="Make an Outboud Call"
md-confirm-text="Agree"
md-cancel-text="Disagree"
md-content="some <p>HTML</p> here"
@md-cancel="$emit('closeModal'
浏览 18提问于2019-09-30得票数 2
回答已采纳
2回答
我正在编写一个Vue.js组件。该组件呈现一个<input>元素。根据属性的值，事件侦听器正在侦听change或input事件。 如何用JSX编写渲染函数？ {
props: {
lazy: Boolean,
},
render(h) {
const bindEvent = this.lazy? 'change' : 'input'
return h('input', {
attrs: {
type: 'text',
},
on:
浏览 44提问于2019-01-10得票数 3
回答已采纳
使用vue.js，我想知道在多个给定positions处将span元素插入到text中的最佳方式是什么？具体地说，在一个简化的示例中，我有： text = "This is a random text. It goes on and on..."
positions = [0, 5, 17]
span_templ = '<span class="some_class" />' <-- closed span for sake of simplicity 工作流程是:用户单击一个按钮，一些RESTful请求被发送到服务器，
浏览 20提问于2019-12-03得票数 0
回答已采纳
我正在建立一个应用程序使用快速的把手为服务器端模板。在客户端，我想使用vue.js。但是，它们都使用相同的双花括号表示法{{ variable }}。现在，我的vue.js变量没有显示，因为我的handlebars模板正在覆盖它。例如：
home.html：
<div id="app">
{{message}} //this will not show up
</div>
home.js：
new Vue({
el: '#app',
data: {
message: 'Hello Vue.j
浏览 1提问于2016-04-10得票数 14
回答已采纳
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
回答已采纳
我是Vue.js的新手，我用终端开发了一个Vue.js应用程序，现在，我构建了它，并将它放在java应用程序上。如果我按原样跑的话，它就能正常工作。
但我需要将csrftoken传递给Vue.js。为此，我通过静态设置Vue.prototype.$csrfToken = '*************************';开始工作。现在，它应该是动态的，必须来自java响应会话。
我试图在索引页面(如- var token = '<%= request.getSession().getAttribute("token") %>&#
浏览 1提问于2018-05-19得票数 0
为了学习vuejs，我遇到了一个问题:如何使用$emit将任何数据从一个组件传递给所有组件，但不使用任何@click。这是可能的一些数据是如何才能只是获得和抓取它的任何时间，而不使用点击？
假设我们使用了普通@click和$emit的示例。
main.js
export const eventBus = new Vue()
Hello.vue
<template>
<div>
<h2>This is Hello component</h2>
<button
@click="emitGlobalCli
浏览 1提问于2017-08-01得票数 1
回答已采纳
1回答
Vue 3.0中的事件处理更改？
、、、、
我需要处理子组件中的事件；检查某个条件；如果为真，则将"submit“事件发回父组件，这样它的事件处理程序就会运行。
下面的示例使用Vue.js 2.6.11激发父级事件处理程序(将"vue“替换为”@vue/复合-api“)。对于3.0.0-rc.5，它会触发两次。想知道这是一个有意的改变，一个bug，还是我。
App.vue：
<template lang="pug">
#app
.container
h1 Form Experiment
FormGroup(@submit='onSubmit')
浏览 2提问于2020-08-10得票数 3
回答已采纳
我是Vue.js的新手，我正在看别人的代码。我注意到他们用的是@符号。这是做什么的，它是用来做什么的？ export default {
methods: {
handleCreate() {
console.log('Child has been created.');
}
}
};
// ChildComponent
export default {
created() {
this.$emit('created');
}
}
浏览 34提问于2019-10-10得票数 12
1回答
我有一个发布特定事件的Vue.js组件。
<MyComponent @some-event="myHandler"/>
在组件内部，您有如下所示
this.$emit('some-event', someData);
很基本的。但是，为了使代码更简洁，如果我能够在某个常量中定义一个字符串'some-event'，并能够将它与$emit()一起使用并在声明事件处理程序时使用，那就太好了。就像这样：
const EVENT_NAME = 'some-event';
this.emit(EVENT_NAME, someDa
浏览 0提问于2019-10-04得票数 1
回答已采纳
这是一个简单的实验。
Express用于在本地提供index.html服务。
套接字由http://metinseylan.com:1923处理。
我在main.js中定义了一个名为testClicked的自定义套接字。测试按钮通过Vue.js绑定到clickButton()方法。clickButton()内部有两个emit调用：
this.$socket.emit('connect', val); // Works
this.$socket.emit('testClicked', val); // Fails
我不明白为什么第一个有
浏览 21提问于2016-09-02得票数 0
回答已采纳
3回答
在Vue.js中，我们可以发出自定义事件和一个参数，如
this.$emit('bark', 3);
然后，我们可以在父组件上侦听此事件，如
<parent-component @bark=handleBark />
handleBark (howManyTimes) {
console.log(howManyTimes);
// logs 3
}
我们怎么才能做出反应呢？
浏览 2提问于2020-11-17得票数 21
回答已采纳
我正在Vue.js中创建登录验证，但是错误消息没有显示，它给出了错误：
属性或方法“错误”不是在实例上定义的，而是在呈现过程中引用的。通过初始化此属性，确保此属性是反应性的，无论是在data选项中，还是对于基于类的组件。
有什么帮助吗？
模板：
<template>
<div class="container" width="900">
<div class="row justify-content-center" style="margin-top: 10px;">
浏览 1提问于2020-12-18得票数 1
回答已采纳
在Vue.js中，我有这样的功能：
<template>
<button @click="sendMail(); $emit('close')">Send</button>
</template>
<script>
methods: {
sendMail () {
axios.post('/mail', {email: this.email});
this.$notify.make('Sent!
浏览 16提问于2017-07-17得票数 2
回答已采纳
我开始使用vue.js，对于我的项目，我发现需要使用来自vue.js官方网站的以下select2包装器组件，链接如下：问题是我需要在此时发出一个根事件来更改select2的值，这就是为什么它在下面的部分中添加了一行代码：
.on('change', function () {
vm.$emit('input', this.value);
vm.$root.$emit('eventing', this.value);
})
这行得通，但我从vue的控制台上意识到，我的事件被广播了2次，我认为这是我的代码问题，删除了添加的行，但输入事件也发出
浏览 4提问于2018-10-05得票数 2
1回答
我正在尝试在Vue.js的空数组中插入或更新已存在的对象：
additionalFields: [
{
name: '',
description: ''
}
]
我从子组件中获取数据：
updateAdditionalTitleForm(value, index) {
this.$emit('updateAdditional
浏览 14提问于2018-08-19得票数 0
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
回答已采纳
2回答
我试图使用以下方法获取vue.js的数据
fetchData: function () {
socket.emit('getAllSongs')
socket.on('allSongs',function(data) {
this.songs = data
});
}
创建vue应用程序时调用FetchData。
created: function () {
this.fetchDa
浏览 3提问于2017-03-18得票数 0
我有搜索输入。
此输入上的每个击键都会发出一个事件"search“($emit Vue.js函数)。
我有另一个组件侦听此事件($on Vue.js函数)，然后调用search服务并显示结果。
(事件在总线上发送，这里是一个简单的Vue实例)。
这个效果很好。
我想发出搜索事件，只有在没有为延迟按下键的情况下，比如200‘s。这样，如果我在搜索输入中键入一个单词，只会发送一个事件。如果我速度慢，我还会在打字时得到搜索结果。
我怎样才能做到这一点？
浏览 1提问于2017-11-17得票数 1
回答已采纳
我正在努力学习Vue.js，并找到了一个实践示例，在该示例中，我需要实现一个自定义指令，同时使用lice 'v-on‘。这意味着我需要捕获自定义指令上的click事件并调用一个方法。
我想的模板。
<template>
<h1 v-my-on:click="alertMe">Click</h1>
</template>
问题是，我不知道如何在自定义指令中捕获click事件。请原谅下面的笨拙代码。
<script>
export default {
methods: {
浏览 3提问于2018-01-28得票数 4
回答已采纳
和VUE.JS一起工作..。
有一个“theParent”组件，有两个孩子：'theForm‘和'theButtons’。(这是对更复杂情景的简化)。
在“theButtons”中有一个“清除”按钮来清除“theForm”表单的字段。
我能把事件从'theButtons‘传递给’家长‘，而不是从'theParent’传递到'theForm‘？
在“theButtons”中：
<b-button v-on:click="clean()">Clear</b-button>
methods: {
clean()
浏览 7提问于2020-12-01得票数 1
回答已采纳
我已经为这个问题绞尽脑汁了好几个小时了。我看不出有什么问题，根据我所能说的，我正在遵循这里的文档：
下面的代码
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<div id="wrap">
<test-listen>
<test-emit></test-emit>
</test-listen>
</div>
<script>
Vue.compon
浏览 2提问于2018-05-11得票数 8
回答已采纳
5回答
我正在使用vue.js创建一个表单，并且我需要在vue中创建始终大写的输入。我知道我可以使用css属性
text-transform: uppercase;
，然后在发送数据之前使用
data.someData.toUpperCase()
但我想知道在vue.js中是否有更智能的方法来做到这一点。在react中，我们可以创建受控输入并轻松完成。在Vue.js中有类似的东西吗？
我设法使用计算字段做到了这一点，但是，我必须为表单中的每个输入创建计算的getter和setter。有没有更好的方法呢？
浏览 1提问于2019-02-08得票数 9
我正在用Vue.js创建应用程序。我有两个类似的方法： editTool() {
return ToolService.editTool(this.id, this.editedItem)
.then((response) => {
this.$refs.dialogInfo.setSuccess(response);
})
.catch((error) => {
this.$refs.dialogInfo.setError(error);
})
浏览 221提问于2021-05-11得票数 0
回答已采纳
在Vue.js中，我触发了这样一个事件：
this.$emit("change", this.data);
父级接收该数据，每次事件是对象时。但是这个事件由价值观和观察者组成。例如：
{
data: ['Joe Doe'],
__ob__: Observer
}
我如何才能一直从一个对象中获取所有的值并跳过__ob__部分呢？
浏览 6提问于2021-07-17得票数 1
回答已采纳
为什么观看只触发一次？如下代码所示，当点击'sync‘按钮时，id和text同时改变，但只有id() watch被触发，需要再次点击'sync’按钮才能触发text() watch，为什么？ Vue.component('test-bar', {
props: ['id', 'text'],
template: `
<div>
<div>child: {{id}} {{text}}</div>
<button @click="
浏览 57提问于2019-03-21得票数 3
回答已采纳
在我开始问我的问题之前，首先要告诉大家我是vue.js的新手，几天前我决定学习vue.js，观看视频如何使用命令行界面命令安装vue.js，按照视频中导师的建议进行操作。 我在命令提示符上收到一些错误，我不能理解这是什么，是否有人可以看到错误并建议我问题在哪里，以及如何解决此问题。 我的系统配置如下： Windows system
Operating system - windows 7
64 bit operating system
Node version 10.15.1
NPM version 6.1.0
Vue version 2.9.6
system configuration
浏览 33提问于2019-04-11得票数 0
1回答
我在通过多个组件传递一个值时遇到了问题，我想我搞错了，有人能帮我吗：
Vue.component('layout', {
props: [ 'current' ],
template: `<deformer :current="current" @current="$emit('update:current', $event)" />`
});
Vue.component('deformer', {
props: [ 'current' ],
浏览 1提问于2021-10-22得票数 0
1回答
我试图在我的项目中使用来自Vue.js网站的示例中的Vue.js。当我在我的项目组件中使用模态组件时，它工作得很好，但是当我在插槽中添加一个关闭按钮时，这个按钮不能工作，它没有关闭模态，而footer中的默认按钮仍然正常工作。
模态部分：
<template>
<transition name="modal">
<div class="modal-mask">
<div class="modal-wrapper">
<div cl
浏览 0提问于2018-03-03得票数 1
回答已采纳
背景
我有一个Vue组件question-panel，它接受一个合适的questions，它是一个对象数组，长度可变。
在<template>...</template>中，有一些用于显示计算出的question对象信息的HTML元素，如question.name、question.score等。
还有两个按钮，单击时会调用previousQuestion()和nextQuestion()。
问题
根据Vue.js devtools的说法，属性questions确实绑定并对来自父对象的更改做出反应。
但是，即使在适当的questions更改之后，也不会重新计算计算出的q
浏览 2提问于2020-07-23得票数 0
我已经研究了几个小时了，但我仍然越来越不明白async/await是如何工作的。现在我有这样的代码：
created: function () {
Event.$on('open-stage', (stage) => {
this.$validator.validateAll().then(() => {
const validateFields = async () => {
const uniqueEmail = await th
浏览 12提问于2018-01-12得票数 2
回答已采纳
1回答
这是我的第一个Vue.js组件，我尝试从它发出事件。但是我的浏览器看不到'updateValue‘方法...怎么了？
<template>
<div>
<ul class="nav flex-column">
<li v-for="item in items">
<div class="nav-link" onclick="updateValue(1)">
浏览 0提问于2018-03-02得票数 0
我是vue.js的新手，我写了一个方法来发布数据和获取页面地址(get和post)，如下所示
updateCategory() {.$EventBus.$emit(“loadingStatus”，true)；
this.$axios.get("http://rimonbd.com/tutorial/api/update-category", this.clickedCategory)
.then(res => {
this.$eventBus.$emit("lo
浏览 0提问于2018-11-13得票数 0
我如何在vue.js中创建一个checkbox组件：
<v-switch></v-switch>
<v-switch></v-switch>
因此，当我创建两个这样的复选框时，如果第一个复选框设置为true，则希望将另一个复选框更改为false，反之亦然。同时，它们可能都是假的。
(我是vue.js的新手，我只是想在现有的环境中添加这一点)。
已存在的代码
Vue.component('v-switch', {
props: ['value', 'disabled', 'co
浏览 18提问于2018-12-16得票数 0
回答已采纳
2回答
我试图扩展一个vue.js组件(从Vue2Leaflet)，让它做两件事：
存储有关标记的额外标识信息
发出自定义事件，父组件可用来显示与从服务器中提取的标记相关的信息。
下面的代码是我所拥有的：
<template>
<div style="display: none;">
<slot></slot>
</div>
</template>
<script>
import LMarker from 'vue2-leaflet'
expor
浏览 0提问于2018-06-21得票数 2
我在Vue.js(2)中有一个自定义组件，如：
Vue.component("modal-panel", {
props: {
id: {
required: true
},
title: {} ,
size: {
validator: function(value) {
return !value || value=="lg" || value=="sm";
}
浏览 4提问于2017-04-23得票数 4
回答已采纳
1回答
我是Vue.js的初学者，我有一个与相关的问题，它涉及Vue.js组件之间的通信，而这些组件不在同一页上。
我的Vue.js应用程序中有多个页面，使用路由器在它们之间导航。所以我有“Home”页面和“Search”页面来过滤实体。
在“主页”页面上，我也有较少详细的搜索组件，我希望将其用作“搜索”页面的快捷方式，因此当用户填充输入字段并单击按钮时，他的搜索参数将传递给“搜索”页面上的搜索组件，并显示“搜索”页面，然后执行搜索。基本上，我只想从“主页”页面上的快捷搜索组件发送数据到“search”页面上的搜索组件。我尝试使用事件总线，当在“主页”页面上单击按钮时，我会从“主页”页面搜索中发出参数
浏览 1提问于2020-08-27得票数 0
回答已采纳
当我试图在挂载中发出一个事件时，它似乎不会被触发！因此，它不会出现在devtools中
main.js
const app = new Vue({
el: '#app',
mounted() {
console.log('asd');
this.$emit("clicked", "someValue");
}
});
--
<body>
<div id="app">
<h1>vuejs</
浏览 1提问于2018-07-06得票数 0
1回答
我的应用程序使用vue.js，并与vanilla js进行了一些集成。在我的vanilla js文件中，我创建了一个新的vue实例并从中发出一个名为annotation-click的事件。我可以在dev tools选项卡中看到此事件。 下面是我制作的一个自定义事件类： customevent.js import Vue from 'vue'
export default window.Event = class Event {
constructor () {
this.vue = new Vue()
}
fire (event, data = null
浏览 38提问于2020-10-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
