Vue未更新

Question

我是Vue js的新手-以下内容未更新：

next

Vue：

<div id="error" class="col s12 red center">
  <span v-if="seen">
    Error fetching readings: {{ msg }}
  </span>
</div>

获取帖子：

var error = new Vue({
  el: '#error',
  data: {
    msg: '',
    seen: false
  },
  methods: {
    show: function(message) {
      this.msg = message;
      this.seen = true;
    },
    hide: function() {
      this.seen = false;
    }      
  }
});

error.show（）显示先前隐藏的div，但显示：

fetch( ... )
.then(...)
.catch(err => {
    error.show( err );
    loader.hide();
});

为什么？

Answer 1

我根据您的代码创建了一个CodeSandbox示例，您需要具有计算属性才能具有Vue反应性

可以找到示例，请在组件文件夹的HelloWorld.vue中检查代码 https://codesandbox.io/s/x2klzr59wo

<template>
  <div id="error" class="col s12 red center">
    {{ seen }}
    <hr />
    <span v-if="computedSeen"> Error fetching readings: {{ msg }} </span>
    <hr />
    <button @click="show('effe');">SHOW</button> &nbsp;
    <button @click="hide();">HIDE</button>
  </div>
</template>
<script>
export default {
  name: "HelloWorld",
  data() {
    return {
      msg: "",
      seen: false
    };
  },
  methods: {
    show: function(message) {
      this.msg = message;
      this.seen = true;
    },
    hide: function() {
      this.seen = false;
    }
  },
  computed: {
    computedSeen: function() {
      // `this` points to the vm instance
      return this.seen;
    }
  }
};
</script>

Answer 2

糟糕，问题是pragma solidity ^0.4.24; contract ProdottoFactory { function foo() view returns(string nome){ return "foo"; } } 中的var Prodotto = artifacts.require("ProdottoFactory"); expect = require("chai").expect; contract("descrizione primo test", function () { describe("test 2", function () { it("blablabla", function () { return Prodotto.new().then( istance => { prodottoContract = istance; } ) }) }) }) contract("descrizione primo test2", function () { describe("test 2 2", function () { it("blablabla2",function () { return prodottoContract.foo().then(function (res) { expect(res.toString()).to.be.equal("foo") }) }) }) }) 是一个对象，我应该使用err。

在我的代码中，我有一个fetch，它似乎将err.message对象格式化为文本。这就是让我投入的原因：（

对不起。