Yêu cầu thg 2 21, 9:37 SA 296 0 2
  • 296 0 2
0

Lỗi không tìm thấy role khi code Vue

Chia sẻ
  • 296 0 2

Chào mọi người. Lâu lắm không gặp. Mình có bị vướng mắc khi code như sau: Mình có 1 component định nghĩa ở dưới:

<template>
  <div class="content">
    <v-row class="d-flex overflow-auto">
      <v-col cols="12" sm="2" class="align-start">
        <v-sheet class="ma-2 pa-2">
          <v-btn :append-icon="message.role === 'user' ? 'mdi-account' : 'mdi-assistant'">{{ message.role }}</v-btn>
        </v-sheet>
      </v-col>
      <v-col cols="12" sm="10" class="align-self-center">
        <v-sheet class="ma-2 pa-2">
          <pre v-html="message.content" class="preWrap"></pre>
        </v-sheet>
      </v-col>
    </v-row>
  </div>
</template>

<script>
export default {
  name: 'ChatMessage',
  props: ['msg']
}
</script>

<style scoped>
.content {
  flex: 1;
}
.preWrap {
  white-space: pre-wrap;
}
</style>

Nhưng khi biên dịch code và chạy thì báo là không tìm thấy role. Mình code bị sai ở đâu nhỉ?

Nếu cần điều tra thêm thì mình gửi các bạn pull request ở dưới đây:

https://github.com/BlazingRockStorm/gemini-chat-vue/pull/1

2 CÂU TRẢ LỜI


Đã trả lời thg 2 21, 9:49 SA
Đã được chấp nhận
+4

B thay message.role bằng msg.role

Prop của b ở component ChatMessage.vue là msg nhưng bạn đang dùng là message

Chia sẻ
Avatar Hoàng Đức Quân @devil_boom_129
thg 2 21, 9:53 SA

ok thanks nhé. quên mất

thg 2 22, 3:09 SA

Chịu luôn.

Avatar PHAM HIEU @pviethieu
thg 2 22, 6:40 SA

khoc

Avatar xuan chinh @xuanchinhtdt
thg 4 25, 9:20 SA

ảo thật đấy =))

Đã trả lời thg 2 21, 9:58 SA
0

bạn dùng Vue2 đúng k, mình thấy bạn chưa khai báo message ở props nên dùng message.role sẽ báo không tìm thấy role

Chia sẻ