javascript - vue router-link to 裡面為什麼只能傳固定的值

Question

 <router-link to="'/intro/'+item.id">
                        <p class="gradual"><span>{{item.name}}</span><br>{{item.name}}</p>
                        <img class="store_img" :src="item.pic">
                    </router-link>

為什麼這樣寫連線就是#/'/intro/' item.id
怎麼才能傳動態的值

Answer 1

動態的要， 屬性不加:(v-bind:的簡寫), 就是靜態屬性，傳什麼就是什麼，反之才可以傳入表達式

:to="'/intro/'+item.id"

OR

v-bind:to="'/intro/'+item.id"

Answer 2

至 ===> :到

Answer 3

to是你加入的元素屬性。 :to是vue能辨識解析的屬性，:to後面的內容會被當作表達式執行。