javascript - Vue2中遇到了一个报错一直无法解决，希望大神帮助解答

问题描述

问 题

1. Vue2报错

1. 我的代码如下：

<script>
  import router from '../../../router';

  export default {
    // 定义从父控件继承的props
    props: {
      // 规定属性article的类型
      article: {
        type: Object
      }
    },
    data () {
      return {
        article: this.article   // 这里要加这个，因为不加的话，html里使用article会报错
      }
    },
    created () {
      this.timeFormat();
    },
    methods: {
      // 跳转到文章详情页
      articleDetail () {
        console.log('跳转到文章详情页 articleDetail');
        router.push('/blogWaka/articleDetail/' + this.article._id);
      },
      // 点击类型按钮
      btnType (e) {
        console.log('点击类型按钮 btnType');
        e.stopPropagation();  // 阻止事件冒泡
        e.cancelBubble = true;  // IE，阻止事件冒泡
        let typeId = this.article.typeId;
        router.push('/blogWaka/articleList/' + typeId); // 跳转到文章列表
      },
      // 时间格式化
      timeFormat () {
        let updateAt = this.article.meta.updateAt;
        updateAt = new Date(updateAt);
        console.log(updateAt);
        this.article.updateAt = updateAt;
      }
    }
  };
</script>

1. 希望哪位大神看到能解答一下

解决方案

Props 中已经定义了 artice，data 中就无须再重复定义了；（props, data, computed 三者中定义的变量，都会存在于此组件的 this 中, 为成员变量）。

这篇关于javascript - Vue2中遇到了一个报错一直无法解决，希望大神帮助解答的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！