내 vue 구성 요소는 다음과 같습니다:
<template>
<div>
<div class="panel-group" v-for="item in list">
...
<div class="panel-body">
<a role="button" data-toggle="collapse" href="#purchase-{{ item.id }}" class="pull-right" aria-expanded="false" aria-controls="collapseOne">
Show
</a>
</div>
<div id="purchase-{{ item.id }}" class="table-responsive panel-collapse collapse" role="tabpanel">
...
</div>
</div>
</div>
</template>
<script>
export default {
...
computed: {
list: function() {
return this.$store.state.transaction.list
},
...
}
}
</script>
실행될 때,거기에 존재하는 오류를 다음과 같다:
Vue 템플릿 구문 오류가:
id="구매{{item.id}}":보간을 내부의 특성을 갖는 제거되었습니다. 사용 v-바인딩 또는 대장 속기 대신 합니다.
어떻게 할 수 있습니다.
사용 javascript 코드가 내부에는v-바인딩
(또는 바로 가기":"):
:href="'#purchase-' + item.id"
고
:id="'purchase-' + item.id"
을 사용하는 경우 ES6+:
:id="`purchase-${item.id}`"
당신이'다시한 데이터로부터 개체에 이미지에서 src/자산 폴더를 포함해야 합필요로('셋/path/이미지입니다.jpeg')개체에서 다음과 같았다.
작동 예시:
people: [
{
name: "Name",
description: "Your Description.",
closeup: require("../assets/something/absolute-black/image.jpeg"),
},
지에서 v-img 요소--지't work
<v-img :src="require(people.closeup)"></v-img>