Vue在promise.then()中返回观察者
Vue是一种流行的前端框架，它使用响应式的数据绑定和组件化的开发方式，使得构建用户界面变得简单和高效。在Vue中，promise.then()用于处理异步操作的结果，并且可以返回一个观察者。
观察者模式是一种设计模式，它定义了一种一对多的依赖关系，让多个观察者对象同时监听某一个主题对象。当这个主题对象的状态发生变化时，会通知所有的观察者对象，使得它们能够自动更新。
在Vue中，可以通过将一个观察者对象作为promise.then()的返回值来实现观察者模式。这个观察者对象可以是Vue实例中的数据对象，也可以是自定义的观察者对象。当promise的状态改变时，触发then()方法的回调函数，并且将异步操作的结果作为参数传递给回调函数。在回调函数中，可以通过改变观察者对象的数据来更新用户界面。
Vue提供了一些相关的API和工具来帮助开发者实现观察者模式。例如，可以使用Vue.observable()方法将一个普通的JavaScript对象转换为可观察的对象，然后在promise.then()中返回这个可观察对象。另外，Vue还提供了watcher API和computed属性，用于监听和响应数据的变化，以及处理异步操作的结果。
对于Vue中的promise.then()返回观察者的优势是，可以实现数据的实时更新和响应式的界面渲染。当异步操作的结果发生变化时，观察者对象会自动更新，并且通知Vue框架重新渲染相关的组件或页面。这样可以提高用户体验，减少手动管理数据和界面的工作量。
在实际的应用场景中，可以使用Vue的promise.then()返回观察者来处理各种异步操作。例如，可以在网络请求返回的数据中返回一个观察者对象，当数据发生变化时，自动更新相关的组件或页面。另外，也可以在promise.then()中返回一个观察者对象，用于处理用户输入的验证结果或者表单的提交操作。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器：提供弹性、安全、稳定的云端服务器，适用于各种应用场景。
- 腾讯云云数据库：提供高可用、弹性扩展、安全可靠的云数据库服务，支持多种数据库引擎。
- 腾讯云对象存储：提供海量、安全、低成本的云端对象存储服务，适用于大规模数据存储和备份。
- 腾讯云人工智能：提供丰富的人工智能服务，包括图像识别、语音识别、机器翻译等领域。
- 腾讯云物联网：提供全面的物联网解决方案，包括设备接入、数据管理、规则引擎等功能。
- 腾讯云移动开发：提供移动应用开发的各种服务，包括应用发布、推送通知、数据统计等功能。
以上是关于Vue在promise.then()中返回观察者的完善且全面的答案。
相关·内容
1回答
我正在使用Vuejs和Vuex作为我的应用程序的UI，这个应用程序有很多文件充满了实用和基于逻辑的功能。
在其中一个文件中，我有一个函数，它返回一个承诺并执行一些数组操作，如下所示：
function firePixels (clientId, result) {
return new Promise((resolve, reject) => {
const purposesZ = [1,2,3,4,5];
let purposeArrayZ = cmp.getPurposesAllowed();
purposeArrayZ.sort((a, b) =>
浏览 0提问于2018-06-01得票数 0
回答已采纳
我是Vue的新手，我知道，我可能没有遵循如何构建代码的最佳实践。然而，这真的是又快又脏，我偶然发现了一个奇怪的情况。 一段过滤数组(类似于实时搜索)的代码可以在我的本地MAMP服务器上运行，但不能在基于NAS的but服务器上运行。 这是一段代码： <script>
const app = new Vue({
el: '#recipe-app-start',
data: {
searchQuery: null,
recipes: [],
},
fi
浏览 26提问于2021-01-04得票数 0
我想在for-loop中设置一个object属性，并监视这些更改，但是Vue根本不监听watch支柱上的所有更改。
下面是我的测试代码，以简化我的问题()。
如果单击该按钮，它应该在控制台中记录5行(因为使用了loop方法)，但它只记录了1。我不明白为什么Vue在Vue.set()循环中使用Vue.set()并试图监视这些更改时，不会听取所有更改。
<div id="app">
<button @click="loop">Button</button>
</div>
new Vue({
el: '#
浏览 3提问于2021-02-20得票数 2
回答已采纳
我正在尝试在一个应用程序中使用firebase。然而，我正在尝试根据用户身份验证状态来呈现路由，但是由于某些原因，firebase告诉我用户已经登录，但用户并没有登录。我用的是vuex。
getRoutes (state) {
let mRoutes = []
firebase.auth().onAuthStateChanged(function (User) {
if (User) {
console.log('Not loggedin')
mRoutes = state.authenticatedUserRoutes
} el
浏览 1提问于2020-03-19得票数 0
我有一个数组，它包含许多这样的对象：
{x: updateX}，{y: updateY}
通过使用这个数组，我希望像这样自动生成Vue js观察者：
watch: {
x(){
this.updateX()
},
y(){
this.updateY()
}
}
我只知道vue把观察者当作数组。
浏览 1提问于2019-06-03得票数 0
回答已采纳
2回答
如何在安装vue后更新模板ref
、、、、
我正在尝试运行一个函数，不管它是计算的，还是在模板挂载后观察或观察的。监视效果只执行一次，当然计算在挂载之前运行。我试过flush: 'post'的手表效果和冲水表，我是相当卡住了。查看文档时，它应该按照预期工作：
因此，使用模板参考的观察者应该使用刷新：'post‘选项来定义。这将在DOM更新后运行效果，并确保模板ref与DOM保持同步并引用正确的元素。
app.vue
<template>
<div ref="target">
<h1>my title</h1>
<p&
浏览 0提问于2021-07-29得票数 0
回答已采纳
1回答
所以我认为我很好地理解了计算属性，并且一直在频繁地使用它们，但是我不明白为什么没有反应性发生。
我试图使用计算属性从URL数组中访问并返回一个字符串，这是一个图像URL。
data() {
return {
Image1: 'placeholder'
};
},
computed: {
ImageTest() {
if (this.ImageStyleSources.length !== 0) {
this.Image1 = 'url(' + this.ImageStyleSourc
浏览 0提问于2019-08-09得票数 2
我在选择树视图的子级时遇到了问题，这是我的树视图的代码：
<v-treeview
v-model="selection"
:items="questionnaires"
:selection-type="selectionType"
selectable
return-object
open-all
></v-treeview>
为了填充项及其子项，我使用了计算函数：
computed: {
questionnaires () {
浏览 1提问于2020-07-17得票数 1
我编写了以下/Vue3组件(TemperatureOutside.vue)
<template>
<div class='text-large-1 text-weight-bold'>
{{ temperature }}°
</div>
</template>
<script setup lang='ts'>
import { ref } from 'vue';
import { setupMqtt } from './mqtt';
const tem
浏览 9提问于2022-09-18得票数 0
我使用的是Vue Watch方法，如下所示
watch: {
currentQuestion() {
// console.log("Watch currentQuestion", "Start");
immediate: true;
this.selectedIndex = null;
this.shuffleAnswers();
}
}
当ESLint运行时，会显示一个错误：error 'immediate:' is defined but never used no-u
浏览 1提问于2020-04-16得票数 1
回答已采纳
伙计们！
我在一个应用程序中有一些自动完成功能，非常好地在Vuetify v1.2.3中工作。当我升级到1.3.3时，它坏了。下面是一个例子：
<v-autocomplete
ref="obsBuscaContextualAC"
v-if="opcoesBuscaContextual && opcoesBuscaContextual.length > 0"
v-model="itemBusca"
:loading="loadingStatusSearchOptions == 'LOADI
浏览 2提问于2018-11-05得票数 0
1回答
我需要更新组件的支柱在每一个路线改变，但它与最后的信息，提供。
例如，我在RouteTwo中使用id、name、lastname和phone填充表单，如果我更改为RouteOne，ComponentOne将保留这四个值(包括phone)，直到我开始在RouteOne中填充表单为止。
我正在使用vue 2.6.12，vue-路由器3.4.9
下面是一个示例代码：
General.vue
<template>
<div>
<div>
<router-view @data-updated="update
浏览 11提问于2022-09-09得票数 0
我对Vue组合API很陌生，需要使用文档方法querySelector。然而，它并没有像预期的那样起作用。如果我写
<nav class="home-menu pure-menu pure-menu-horizontal pure-menu-fixed">
<script setup>
import { ref } from "vue";
const observer = new IntersectionObserver(handleIntersection);
const target = document.querySelector
浏览 28提问于2022-04-04得票数 2
回答已采纳
我有一个在Vue2中构建的小包，我现在正试图迁移到Vue3，在那里，通过在vue-路由器中获取App实例来以编程方式监视路由，并且它被监视如下：
function myPluginName(router) {
router.app.$watch(`$route.query.${this.config.name}`, () => {
// do stuff outside my vue instance
});
}
它在我的Vue组件中被调用，如下所示：
myPluginName(this.$router);
在我的主JS中，我将路由器添加到Vue实例中：
const app
浏览 4提问于2022-06-22得票数 0
1回答
我开始使用Laravel和Nuxt进行小项目，所以我创建了一个用于在数据库中添加用户的小程序。每件事都进行得很顺利，我有一个小问题，我的axios脚本像一个循环一样发送多个请求：
这是完整的代码：
<script>
import $ from 'jquery'
import Swal from 'sweetalert2'
import toastr from 'toastr'
import Vue from 'vue'
Vue.component('pagination', require('
浏览 4提问于2019-12-29得票数 1
回答已采纳
1回答
这是我的网址：http://localhost:8888/static/?foo=true，Vue 3应用程序通过它工作。
在安装程序()中，我想获得foo参数。
这是我的密码：
import { useRoute } from 'vue-router';
import { defineComponent, reactive, ref, Ref, watch, createApp, onMounted} from 'vue';
export default defineComponent({
name: 'App',
setup(
浏览 7提问于2022-01-25得票数 0
回答已采纳
2回答
在Vue文档中，计算出的属性被巧妙地缓存，而不是使用常规方法：
相比之下，每当重呈现发生时，方法调用都会运行该函数。为什么我们需要缓存？假设我们有一个昂贵的计算财产..。
，我的问题是：Vuex 也有类似计算属性的缓存吗？(包括Vuex观看，如。使用vm.$store.watch...)
浏览 7提问于2017-01-14得票数 3
回答已采纳
如果我有以下Vue对象，并且更改了myObj.myProp1，那么哪个观察者将首先被调用？是什么决定了秩序，有没有办法操纵秩序？
new Vue({
data: {
myObj: {
myProp1: "one",
myProp2: "two"
}
},
computed: {
myProp1: function () { return this.myObj.myProp1; }
},
watch: {
myPr
浏览 2提问于2019-10-28得票数 5
回答已采纳
在Vue.js文档中有一个例子，如下所示：
var vm = new Vue({
el: '#demo',
data: {
firstName: 'Foo',
lastName: 'Bar',
fullName: 'Foo Bar'
},
watch: {
firstName: function (val) {
this.fullName = val + ' ' + this.lastName
},
lastName: function (
浏览 4提问于2017-04-07得票数 60
回答已采纳
我在Nuxt动态路由方面有一个小问题。我有一个serverMiddleware (在/api路径上有一个路由器)和下面的页面文件夹/结构：
/pages
|- /_type
| |
| |- /_id.vue
| |- /index.vue
|
|- /index.vue
主要问题是/api/asdf被解决为/_type/_id。我不想在查询中添加额外的参数(比如: /type/_type/_id)，我想尽可能地缩短它。如有任何帮助/建议，我们将不胜感激。
非常感谢。
浏览 0提问于2018-09-30得票数 0
回答已采纳
我正在创建一个Vue.js组件，它使用render ()方法返回html代码。render ()方法的结构如代码所示。 render: function (h, context) {
// Element returned by the render function
var element;
// .... code that performs initializations
// The invocation of a promise that downloads a json file
var promise = loadJsonFile (path
浏览 21提问于2019-04-26得票数 0
我在parent Vue中有数据，它作为prop传递给child视图。如果父文件中的数据发生了更改，那么child到底什么时候会看到这种变化？
我看到这不是瞬间的。
在下面的片段中，我将父级的data作为prop传递给child。然后，data在parent中递增，event通过bus广播到child。child读取parent data并看到较旧的值，而不是公正的增量值。
<div id="wrapper">
data in parent: {{ data }}
<child :data="data" :bus="bus
浏览 1提问于2017-12-30得票数 0
回答已采纳
我的暗模式设置有一个组件，如下所示：
自动-从操作系统获取设置
轻量级-应用轻量级主题覆盖操作系统设置
黑暗-应用暗主题覆盖操作系统设置
出了什么问题，
目前，当我切换到‘光’或‘黑暗’，然后开始改变我的窗口设置的首选配色方案，它仍然继续切换到任何我选择的那边。当设置是而不是自动时，应该忽略这一点。
我认为正在发生的事情
我想eventListener仍然存在，当用户选择“光明”或“黑暗”时，应该销毁它。我试着用AbortController()做，但没有成功。
app.vue
在我的app.vue中，我观察当前的设置，如果它是“自动的”，我设置了一个初始主题，并有一个EventList
浏览 0提问于2021-07-28得票数 0
我希望从每个页面组件中的属性或值将类绑定到App.vue中的元素。就像传递道具一样？不完全是->父级，绝对不是父级->子级。我正在尝试使用路由param，但到目前为止，我只能通过刷新获得要绑定到的值。这种方法有解决办法吗?还是有一种更好的、更有效的方法？
App.vue：
<template>
<div id="app">
<app-header />
<main> ... <!-- objective: <main :class="[ get a value
浏览 0提问于2018-04-30得票数 0
回答已采纳
基本上，我可以通过在创建的钩子中添加大小调整的普通window.scrollY，并在已销毁的钩子中删除它。在调整大小时，我正在检查window.scrollY，如果它高于或低于500，我就会更改布尔变量，在此变量上绑定不同的类：
<nav class="navbar u-no-padding"
v-if="displayedNav"
:class="minimizedNav ? 'navbar__not-collapsed' : 'navbar__collapsed'">
另外，如果
浏览 0提问于2018-09-14得票数 0
回答已采纳
我正在尝试从Firestore初始化我的Vuex商店。最后一行代码context.commit('SET_ACTIVITIES', acts)是创建错误的原因。我不认为我是直接变异状态，因为我使用的是行动。我错过了什么？
这是我的Vuex商店
export default new Vuex.Store({
strict: true,
state: {
activities: []
},
mutations: {
SET_ACTIVITIES: (state, activities) => {
state.activities =
浏览 0提问于2019-05-06得票数 6
回答已采纳
1回答
我有一个微不足道的Vue-app：
App.vue:
<template>
<v-app>
<v-navigation-drawer
app
v-model="drawer"
:mini-variant.sync="mini"
permanent
color="secondary"
dark
>
<v-list-item class="px-2 user-block">
浏览 4提问于2021-04-01得票数 0
回答已采纳
1回答
我想从我的vue实例中更改vue组件中的prop值。
这样我就可以在我的组件中使用title值。
组件：
<template>
<vue-dropzone ref="uploadDropzone" id="dropzone" :options="dropzoneOptions" :title="title"></vue-dropzone>
</template>
<script>
import vue2Dropzone from 'vue2-dropzo
浏览 0提问于2018-03-11得票数 1
为什么direction道具只在第一次单击/执行之后才更新，而questionid不更新？
#vuejs@freenode中的建议是：
死胡同:我的猜测是，反应性属性只有在直接调用$refs表决之后才会更新，但它是第一次更新的。
Vue.component('vote-component', {
template: '<div>{{this.direction}}</div>',
props: {
questionid: Number,
direction: String
},
methods:
浏览 0提问于2018-09-18得票数 0
2回答
我想以一种许诺的方式提出一个Axios请求。Axios-请求在“dataLayer.js”中完成。问题是我的“dataPromise”已经满了。我如何在数据层类中扩展'createChargingStations()‘来进行类似承诺的调用，这样我就可以使用'.then()’来处理证监会中的数据，如下所示。
经常这样！
// dataLayer.js
export class modelFactory {
chargingStationsArray = []
createChargingStations() {
const requestPr
浏览 1提问于2021-05-06得票数 0
回答已采纳
保存q-btn-dropdown的组件已经在路由更改之前呈现。当用户登录时会发生路由更改，因此只有当具有helloGuest()的组件时才调用q-btn-dropdown。那么，如何重新呈现包含q-btn-dropdown的组件，以便调用helloGuest()并更新q-btn-dropdown？
methods: {
login() {
this.$axios.post('login', this.formData).then(async (res) => {
console.log(res);
await localStorage.setItem(
浏览 1提问于2019-12-23得票数 0
3回答
我用的是vue-Matteral.io，特别是数据报警器。
但我在州观察中遇到了问题。
观察者触发了两次。这是包虫还是vue的本性？
如何复制：
尝试选择日期并查看控制台。
您可以看到它意外地触发了两次。
浏览 0提问于2019-08-01得票数 5
1回答
我正试图通过vue3和vuex构建一个监视列表(数据流程序)。当监视列表组件订阅符号时，它应该从存储区接收该符号的更新。从组件中移除订阅时，该特定组件不应在此之后接收到状态更改。我们不能为每个单独的组件硬编码存储中的符号名，因为可能有数百个。如果我们将所有符号作为单个对象的属性并将状态映射到它，这将是一种性能开销，因为并非所有的watchLists都是指所有的符号。
那么，我的问题是，有没有办法将一个动态变化的数组注入到mapstate？
在组件中->
computed: {
...mapState([this should change dynamically]),
},
浏览 8提问于2021-03-04得票数 0
回答已采纳
单击路由器项时，我希望刷新(或重新加载)数据并显示正确的组件。Pages.vue加载菜单，并且应该在它的<router-view></router-view>中显示正确的页面。
那么Page.vue是一个子路由，应该在其中加载.当我单击菜单项时，子页面(和组件)不会加载，但浏览器中的路径(URL)正在更新。
如果在该路由上手动刷新浏览器，则显示正确的页面、组件和数据。当我点击菜单链接时，我无法加载。
Pages.vue：
<template>
<div class="row">
<div class=
浏览 1提问于2016-12-20得票数 1
回答已采纳
我试图使用onClick()函数向传单映射层的geojson特性添加pointToLayer()功能。然后，当我试图通过单击显示的圆圈触发这些功能时，我遇到了以下错误：
vue.js:973 Uncaught RangeError: Maximum call stack size exceeded
at Function.getOwnPropertyDescriptor (<anonymous>)
at defineReactive (vue.js:973)
at Observer.walk (vue.js:897)
at new Observe
浏览 0提问于2018-03-22得票数 3
我有一个普通的Nuxt设置，在尝试使用fetch()钩子呈现页面时得到以下错误： 错误： [Vue warn]: Property or method "$fetchState" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https
浏览 45提问于2021-02-09得票数 0
回答已采纳
2回答
是否有一种方法可以使vue忽略/排除对象的“反应性行走”？
我们有一个vue应用程序，控制谷歌地图的编辑器Polyline，我注意到，当它第一次挂载时，页面的性能受到了巨大的打击(也就是说，每安装一次就冻结6秒)。我可以在firefox选项卡中看到，大部分时间都是由we.prototype.walk在vue.min.js中花费的，我假设这是vue，使google对象反应性，并由于页面的大小而停止页面。
因此，我希望通过vue将map对象标记为“忽略”，因为组件/应用程序不需要访问它，有办法这样做吗？
我们的结构与此类似：
Component.vue
<template>...<
浏览 1提问于2020-07-08得票数 0
回答已采纳
1回答
.No引发“无权限传递”错误。
、、、、
我是SSO的新成员。最近，我专注于一个使用OIDC的项目。我试着用来解决问题。这是我的设置。(我删除了细节网址，但它们是有效的)。
var mgr = new Oidc.UserManager({
userStore: new Oidc.WebStorageStateStore({ store: window.localStorage }),
metadata: {
issuer: 'https://foo.com/',
authorization_endpoint: 'https://foo.com/',
u
浏览 0提问于2018-09-04得票数 0
回答已采纳
我有一个计算字段，根据是否在调查表中填写了文本字段，设置了一个名为“已完成”的数据属性：
setCompleted: function () {
this.completed = this.required && this.textAnswer !== '';
},
此计算结果在我的html中没有引用，仅用于设置已完成的属性。唯一可以更改适当用户输入的属性是textAnswer，它绑定为文本输入的模型。
我设置了一个空的观察者来观察这个计算的字段，如下所示：
setCompleted: function () {
},
浏览 0提问于2018-11-07得票数 5
1回答
我有一个组件"cmptest"，它有一个被监视的属性"needWatch“。此组件位于This语句中，但呈现时未调用监视函数。
如本例所示，"needWatch“支柱是由"cmpcheck”中的"value“数据属性设置的，这使我期望手表回调应该在这里触发。
如果删除v语句，则在单击复选框时将按预期调用该函数。
<div v-if="value===true"><!--remove-->
<cmptest :need-watch="value"></cmptest&
浏览 0提问于2017-10-02得票数 1
回答已采纳
1回答
Vuex观察者错误地射击了两次
、、、、
我已经找了两个小时了，我一点也不知道我做错了什么..希望有人能帮我：
基本上这很容易。我有一个可重用的Recaptchas组件。所讨论的元素是弹出对话框中的textfield，用于“忘记密码”(通过登录掩码)
处理不同的captchas (因为同一页上有两个)的基本思想是：
对于每个可能的captcha我都有一个vuex字段，输入到nullfor每个表单提交按钮，我触发一个将captcha字段设置为0then的突变--在recaptcha组件中设置了侦听更改的观察者，并且if === 0，开始评估captcha，然后调用onValidated，调用一个将结果保存为vuex的突变。if(newV
浏览 0提问于2019-10-24得票数 0
目前，我有两个组件：
Proyectos.vue
Reuniones.vue
其中：
Proyectos：它是我在应用程序开始时显示的组件，其中显示了项目列表。
Reuniones：它是显示项目会议列表的组件。
在proyectos组件中，我发出一个GET请求，它返回一个对象数组，即Proyectos。使用这个项目列表，我填充了一个表。
Proyecto对象结构：
{
objetivo:"",
fecha: "",
reuniones: [
{
浏览 0提问于2018-12-01得票数 0
我有一个关于vuejs的checkBox。我在一个函数的状态改变时调用它，但是在v-model改变之前点击事件触发。因此，函数中v-model的值是前一个值。如何使点击事件在v-model更改后触发？ var app = new Vue({
el: '#app',
data() {
return {
status: false
}
},
methods: {
checkBoxClicked() {
console.log(this.status)
}
}
}) <link type="
浏览 184提问于2021-10-01得票数 1
回答已采纳
我和BootstrapVue一起工作。
我有以下情况:我有一个parent.vue和一个child.vue。在我的parent.vue中，我有一个v-for，在这里我可以创建多个Buttons。其中每一个都是在我的child.vue中触发一个child.vue，而且每个b-collapse都有多个b-collapse。(见守则)
现在我需要做以下工作:当我的child.vue中的b-collapse关闭时，我想关闭child.vue中的所有b-collapse。但我不知道该怎么做..。(当我重新打开我的parent.vue-collapse时，它们也应该关闭)
我已经把我的代码降到最低了。但是
浏览 9提问于2021-12-22得票数 6
回答已采纳
我使用的是Vuex，在Getter Foo function中，我在数组中返回两个值：
return ["Try Again"]或return ["Data result", data]，在计算中，我检查array length并根据结果返回
computed:{
Foo: function(){
const getFoo = this.$store.getters.Foo;
if(getFoo.length === 1) {
this.existFoo = false
return
浏览 2提问于2021-02-17得票数 1
回答已采纳
我不明白beforeCreate在Vuejs中的用途。如果它只在组件被添加到DOM之前执行操作，那么我只在使用vue实例之前添加一些行代码，如下所示：
<script>
var data ={
c:'',
};
var app= new Vue({
el:"#app",
data:data,
beforeCreate:function(){
data.b="123";
}
浏览 1提问于2018-07-13得票数 3
回答已采纳
1回答
我有一个组件，该组件是基于活动的路由隐藏的，它启动了一个使用vuex存储的函数。
它的工作原理是，sidenav隐藏在登录、注销和注册时。
但是，我注意到，当我在通过身份验证的页面(如管理面板或仪表板等)上时，组件将正确显示，但当/如果有人重新加载该网页时，该组件将消失，只会在单击指向另一个页面的链接时显示。
App.Vue
<template>
<div id="app">
<navbar />
<sidenav v-show="sidenav_toggle" />
浏览 1提问于2019-03-07得票数 1
回答已采纳
我有一个vue组件，它的center2 ()属性基本上就是lng,lat对象。此属性假定在每个位置更改时更新。但当我打开组件时，它会第一次更新。对于下一次尝试，它只显示我分配的默认值。 数据属性 data()
{
return {
center2: { lat: 0, lng: 0 },
}
} 这就是如何使用location inside location watcher更新它 this.center2.lat = Number(location.latitude);
this.center2.lng = Number(location.longitude);
浏览 124提问于2021-11-17得票数 0
1回答
所以我的衣冠楚楚就是这样
根部
应用程序
- TimelineItem
- TimelineMetadata
哪里
在挂载的app.vue中，我执行一些http请求，并在获取和处理数据时填充时间线var。
<template>
<div id="app">
<div class="loading" v-show="loading">Loading ...</div>
<table class="timeline">
浏览 0提问于2018-07-28得票数 3
回答已采纳
我创建了一个用于数据反应性的vue对象：
let vm = new Vue({
data () {
return {
myData: {}
}
},
watch: {
myData (value) {
console.log('changed')
}
}
})
当我将/编辑/删除推到vm.myData中时，一切正常，观察者给我发送changed。
现在，我只想通过“触摸”changed vm.myData (没有数据版本)获得事件。我能为这个调用观察者的内部方法吗？
浏览 0提问于2018-02-26得票数 9
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
