为什么Vue的v-model在点击事件被触发后更新数据的次数要多得多？

文章/答案/技术大牛

发布

1回答

vue.js、vuejs2、vue-component、v-model、vue-directives

我有一个非常小的checkbox组件，我试图通过@click事件来监听它。但是v-model数据更新比事件回调晚7毫秒。因此，我必须删除@click侦听器，并添加一个checked值的计算属性/方法，并为其添加一个监视方法来$emit更新的checked值。这样可以很好地工作。但我只想知道幕后发生了什么。或者参考网络上的好资源？我在Vue的源代码中也找

浏览 28提问于2020-03-25得票数 0

2回答

vue上的v-model改变后如何触发点击事件？

vue.js

我有一个关于vuejs的checkBox。我在一个函数的状态改变时调用它，但是在v-model改变之前点击事件触发。因此，函数中v-model的值是前一个值。如何使点击事件在v-model更改后触发？ @2.21.2/dist/bootstrap-vue.css"

浏览 184提问于2021-10-01得票数 1

回答已采纳

2回答

vue 2- button @click不工作时，输入有:随着高度变化的焦点

vue.js、vuejs2

我有一个简单的表单和一个文本区和按钮。我使用vue和axios在点击按钮后发送文本区域数据。一切正常，我可以使用:focus来改变输入边框，但当我使用:focus来改变文本区域的高度时就停止了工作。当我点击按钮的时候，文本区域失去了焦点，高度变成了默认值，但是按钮上的事件没有被触发。当我再次单击按钮时(当textarea不在焦点上时)，该按钮工作正常，并

浏览 0提问于2017-05-16得票数 0

1回答

VUE on-changed和ajax请求

ajax、vue.js、v-model

我正在使用bootstrap vue：我需要使用此复选框的状态调用ajax： axios.put('/a

浏览 2提问于2020-01-24得票数 0

1回答

如果使用preventDefault，如何使Vue查看输入元素的更改？

javascript、vue.js

下面是一个非常简单的例子。当我按enter键时，我不想在textarea中创建换行符。这就是为什么我在处理程序中调用preventDefault的原因。我还修改了textarea中的值。问题是模型没有更新，因为我使用了preventDefault。如何防止Enter键入newline并使Vue查看文本区域中的更改？注意，我使用了el.value (update元素)而不是this.value (Vue模型)，因为我希望我的</

浏览 0提问于2018-08-08得票数 0

回答已采纳

2回答

Android Chrome的Vue* watch意外响应*

android、vue.js

我有一个用于过滤标记数组的标记器组件。showInput" class="tag_input__input" v-model) { }, 100);} 模型似

浏览 0提问于2018-05-17得票数 2

4回答

Vue中的keydown和keyup

javascript、vuejs2、frontend

这是我的代码<div><input type="text" v-on:keyup = "storeValue2"> <p>{

浏览 1提问于2018-07-02得票数 2

3回答

Vuejs点击事件来自复选框？

javascript、vue.js

我有一个v-model on复选框，它的值是从循环中分配的。我想让click事件调用一个函数，在这个函数中，我需要访问选中的数据。当点击被触发时，如果我记录状态，它不会打印复选框中当前点击的数据。它打印之前单击的复选框数据。是否必须在函数中传递和访问事件数据？type="checkbox"

浏览 1提问于2018-05-24得票数 63

回答已采纳

1回答

当文本区域具有值时，v- text -field的值返回null

vue.js、vuetify.js

我正在尝试从vuetify的v-text-field中获取value。我遇到的问题是，我认为只要输入一些东西，字段就会自动将输入的任何内容赋值给vue-text-field的value。@click="save" Save </v-card-actions> v-model$refs.rowCount

浏览 62提问于2021-03-21得票数 1

回答已采纳

1回答

带有enter事件的Vue.js模糊-触发这两个事件

javascript、vue.js

我正在尝试这样做，当我按enter键时，或者如果我在元素上失去焦点，它会触发一个函数，但当我按enter键时，它也会触发blur事件。所以这个函数被调用了两次。它应该只调用一次。<input v-on:blur="saveField('name')" keyup.enter="saveField('name')"> 问题是我的saveField()函数隐藏了元素，同时也触发了模糊

浏览 0提问于2018-10-04得票数 4

2回答

是否可以从Vue组件中的方法中更改props值？

laravel、laravel-5.3、vuejs2、vue-component

navigation-form :prop-room-selected='543'>现在，通过单击按钮，我调用了函数updateCoachStatus来更改propRoomSelected的值，但是props值没有更新。updateCoachStatus: function(event){ }} 我不知道如何从函数中改变道具的值在Vu

浏览 1提问于2017-04-30得票数 25

回答已采纳

0回答

VueJS将v-model属性从子节点发送到父节点

javascript、vue.js、vue-component

假设我有一个像这样的Vue组件： props:['name', 'val'],});new Vue({ data

浏览 5提问于2017-12-04得票数 3

回答已采纳

2回答

vue.js - Uncaught :无法读取属性'$forContext‘的null

vue.js

我遇到了一个很奇怪的问题。一切似乎都正常工作，但在提交输入时(我在使用<form/>元素时尝试了表单提交事件，而在keyop.enter事件中，我在JS控制台中得到了以下错误，无法确定。runBatcherQueue @ bundle.js:12666nextTickHandler @ bundle.js:10079 我的组件代码}).error(function (data, status,

浏览 6提问于2016-02-09得票数 5

1回答

仅在一系列触发事件上运行最后一个事件

javascript、jquery、ajax

(这是一个jQuery/JS问题) 我在eCommerce站点上有产品数量的+/-按钮。单击这些字段，更改数字输入字段的值，然后触发该数字输入字段的更改事件(使用quantityInput.change())，从而触发ajax更新购物车。我现在使用setTimeout来延迟ajax，这使用户体验更好，但这只是一个半解决方案，因为最终ajax被触发的次数与按钮<e

浏览 18提问于2018-12-13得票数 0

回答已采纳

1回答

以编程方式设置输入值不会刷新组件DOM

vue.js

我有一个输入，这是禁止的财产信息。我有一个set按钮，用于以编程方式更改输入值。按下按钮时，输入值将正确地更改为'xxxx'。class="container"> <input ref="templateFilter" type='text' id='input' v-model({ el: '#root'

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

回答已采纳

1回答

如何使组件在iOS Safari中显示并将键盘焦点设置为其输入字段？

javascript、vue.js、vuejs2、html-input

Set the selection to (what is likely) all the text in the input field. <input @mouseup="onUp" v-model="input"/> 但是，这只适用于可信事件:用户输入()的直接影响的事件。当用户单击请求时，我想显示一个最初隐藏的Vue组件。当它出现时，该组件中的输入字段应该被选中

浏览 2提问于2018-01-11得票数 2

回答已采纳

1回答

Vuejs 2.0:如何在自定义指令中的钩子函数中访问vm实例？

vue.js、vuejs2

在Vuejs1.0中，它可以从this.vm访问vue实例，但在VUE2.0中我找不到这样做的方法。实际上，我正在尝试编写一个自定义指令，用于在元素被jquery插件更改时更新绑定数据，该插件不会在v-model中触发任何更新。`<input id="dayparting_switch" v-model="options.daypartin

浏览 3提问于2017-03-14得票数 2

回答已采纳

2回答

Vue.js:全局事件总线未能捕获事件

vue.js、vuejs2、vue-component

我正在尝试创建一个从Source.vue发出的全局事件总线，以便在Destination.vue中捕获。当捕捉到事件时，后一个组件必须运行函数。Source.vue eventBus.$emit("fireMethod");Destination.vue eventBus.$on("fireMethod", () => {

浏览 70提问于2020-02-12得票数 0

回答已采纳

3回答

Vue包装器示例

vue.js

有一个好的。如果我们看一下代码的这一部分： var vm = this })我不明白，为什么当我们改变select2的值时，this.value也会发生变化。我以为会有这样的记录： this.value = $(this.$el).va

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

回答已采纳

1回答

检测到由于单击按钮而引发的提交事件

javascript

能不能查出是否因为onclick事件被引发而引发了onsubmit事件？例如，当点击一个<input type="submit" />时，onclick事件被引发，然后onsubmit事件被触发。重现的步骤(表单是ajax表单，它会自动刷新，在IE10上测试)：2) ajax请求完成并更新表单，

浏览 1提问于2013-02-03得票数 0

点击加载更多