Vue 템플릿에서 Vue 메소드의 상수를 사용하여 상수 결과를 표시하는 방법은 무엇입니까?

Question

이 경고 구성 요소가 있고 본문 필드에서 const "item"을 사용하려고 합니다. const "item"은 Vue 메소드에 있습니다. 해당 경고 본문 필드에서 const "item" 결과를 얻을 수 있습니까? {item} {{item}}을(를) 시도했지만 성공하지 못했습니다. 감사합니다

<alert
        v-if="warning"
        :show-alert="showAlert"
        :options="{
          body: "message" {item} {{item}}
        }"
        color="#ffc107"
        style="max-width: 670px; width: 100%;"
        @input="showAlert = false"
      />
...


export default {
  data () {
return {
  warning: '',
  showAlert: true,
  item: null
}


},

...

methods: {
const item = result.hits[0].refs.id[0]

...

Answer 1

내 대답은 '아니오'입니다. HTML 템플릿에 상수를 바인딩해야 하는 이유는 무엇입니까? 데이터 개체에 이미 항목 속성이 있기 때문입니다. const에 값을 할당하는 대신 해당 속성의 항목 값을 업데이트할 수 있습니다.

예: this.item = '项目值' 而不是 const item = '项目值'