时间戳

首页 > 解决方案 > 反应式组件/更新组件（模态）Vue Js

javascript - 反应式组件/更新组件（模态）Vue Js

问题描述

我是初学者，我需要帮助，它不会在不关闭模式的情况下更新。为了简化，点击我的按钮，它应该显示我的数据结果。如果我在不关闭模式的情况下更改按钮，我希望更新结果（text1 和 text2 的乘法）。

提前致谢

https://codesandbox.io/s/red-leftpad-6oed4?file=/src/timeline.vue

标签： javascriptvue.js

解决方案

在modal.vue您的代码框中，使用一个watch或computed property获取最新infosModal的（当依赖关系发生更改时，将触发监视或重新计算计算属性）。并且timeline.vue应该做同样的事情。

例如，在modal.vue下面添加：

  watch: {
    'infosModal': function (newVal) {
      this.test = newVal
    }
  },
  computed: {
    computedInfosModal: function() {
      return Object.assign({}, this.infosModal);
    }
  },

更新了 CodeSandBox

推荐阅读