老師請問為什麼系統會報這個錯誤

正在回答

登陆购买课程后可参与讨论,去登陆

4回答

同学你好,从截图中看,代码中使用created_at属性没问题。

但是如果是同一个位置输出的这五行是不合理的

https://img1.sycdn.imooc.com//climg/6169534c0910378704080119.jpg

老师这边目前复现不了问题,建议将数据库中的评论全部删除,然后重新创建测试。

如果还是不可以的话,可以说一下用的是哪个数据库,老师这边和同学用一样的数据库测试下。

  • 齊帥 提问者 #1

    老師已經解決了非常感謝!

    2021-10-18 09:29:53
好帮手慕星星 2021-10-15 17:28:47

同学你好,建议截一下数据库评论表中的图,看看时间属性是不是createdAt

https://img1.sycdn.imooc.com//climg/616948fc0969d4db05420315.jpg


另外这几行是在同一个文件同位置输出吗?每次手动刷新都会有这5条输出吗?建议描述具体一些

https://img1.sycdn.imooc.com//climg/616949350992528c05170122.jpg

有三个Invalid Date可能是因为之前有三条评论数据导致的。

  • 提问者 齊帥 #1

    老師應該是沒問題的我的數據庫名子是created_at

    https://img1.sycdn.imooc.com//climg/61694a5208db399900000000.jpg

    2021-10-15 17:31:26
好帮手慕星星 2021-10-15 15:40:36

同学你好,createdAt属性书写问题,课程中写的是:

https://img1.sycdn.imooc.com//climg/61692ea8099f37c705770125.jpg

与数据保持一致:

https://img1.sycdn.imooc.com//climg/6169305609aa690a05320293.jpg

自己再测试下。

  • 提问者 齊帥 #1

    老師我的參數本來取到的就是created_at我測試過是可以拿到值的

    我嘗試打印一下取到時間的值結果就跑出Invalid Date這東西

    https://img1.sycdn.imooc.com//climg/61693e4e0892681f08230675.jpg

    https://img1.sycdn.imooc.com//climg/61693e4e0857ac5f09640672.jpg


    2021-10-15 16:40:26
  • 提问者 齊帥 #2

    而且如果我這樣寫的話她會先打印出三次Invalid Date

    這到底是為什麼呢.....我無法自己找出原因...但是程式是可以正常獲取到時間的值的

    https://img1.sycdn.imooc.com//climg/616942ac08b0b99509010858.jpg

    https://img1.sycdn.imooc.com//climg/616942ac082b965410000818.jpg


    2021-10-15 16:58:37
  • 提问者 齊帥 #3

    老師我發現是list原本裡面有數據就會有剛剛的問題,我把假數據注釋了之後就沒有問題了

    https://img1.sycdn.imooc.com//climg/6169490308cdd66310000877.jpg

    2021-10-15 17:25:28
好帮手慕星星 2021-10-15 13:54:34

同学你好,警告信息是无效的time值,在Item.vue文件中出现的

https://img1.sycdn.imooc.com//climg/6169172109b2ea0507730135.jpg

建议检查下此文件。

另外请求项目能正常执行吗?如果可以的话,建议重启启动再试试。或者将Item.vue文件代码粘贴上来,老师看看。

祝学习愉快!

  • 提问者 齊帥 #1
    <template>
      <div>
        <el-divider></el-divider>
        <div class="userinfo">
          <el-avatar :size="30" :src="circleUrl"></el-avatar>
          <span class="username">{{ data.username }}</span>
          <span class="time">{{ createdAt }}</span>
        </div>
        <p>{{ data.content }}</p>
        <div >
          <el-button type="text" @click="showEditModal = true">编辑</el-button>
          <el-button type="text" style="color: red" @click="del">删除</el-button>
        </div>
    
        <!-- 编辑留言 -->
        <el-dialog title="編輯留言" :visible.sync="showEditModal" width="50%">
          <el-input type="textarea" :rows="3" v-model="newContent"> </el-input>
          <span slot="footer" class="dialog-footer">
            <el-button @click="showEditModal = false">取 消</el-button>
            <el-button type="primary" @click="update">確 定</el-button>
          </span>
        </el-dialog>
      </div>
    </template>
    
    <script>
    import {
      delCommentService,
      updateCommentService,
    } from "../../services/comment";
    import { formatDt } from "../../utils/dt";
    import event from "../../utils/event";
    export default {
      props: ["data"],
      data() {
        return {
          circleUrl:
            "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
          showEditModal: false,
          newContent: "",
        };
      },
      computed: {
        id() {
          return this.data.id;
        },
        createdAt() {
          return formatDt(this.data.created_at);
        },
        isMy() {
          if (!this.data) {
            return false;
          }
          return this.data.username === window.userInfo.username;
        },
      },
      methods: {
        async update() {
          this.showEditModal = false;
    
          // 更新数据
          const newData = await updateCommentService(this.id, this.newContent);
          event.$emit("onCommentUpdate", newData);
    
          this.$message.info("修改成功");
        },
        async del() {
          if (window.confirm("確定刪除?")) {
            await delCommentService(this.id);
            location.reload();
          }
        },
      },
      mounted() {
        this.newContent = this.data.content;
      },
    };
    </script>
    
    <style lang="scss" scoped>
    .userinfo {
      position: relative;
    }
    .username {
      position: absolute;
      margin-left: 5px;
      margin-top: 7px;
    }
    .time {
      font-size: 12px;
      color: #666;
      position: absolute;
      right: 0;
    }
    </style>


    2021-10-15 14:47:21
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师