代码之家 › 专栏 › 技术社区 › minisaurus

Vue未更新

vuejs2 html javascript

minisaurus · 技术社区 · 7 年前

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

Vue:

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;
    }      
  }
});

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

错误。显示()显示先前隐藏的div,但显示:

Error fetching readings: {}

为什么?

2 回复 | 直到 7 年前

Ben Croughs 7 年前

可以找到样本,检查代码地狱世界.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>

minisaurus 7 年前

哦,问题是 err 从 fetch 是一个对象,我应该用 err.message .

在我的代码里我有一个 console.log('Error: %s', err) 它似乎格式化了对象转换为文本。这正是让我震惊的原因:(

对不起的。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

1 年前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

1 年前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前