मेरे पास Vue में लूप के लिए एक वी-फॉर है। मैं अपने स्रोत पथ के हिस्से के रूप में सरणी आइटम मान का उपयोग करना चाहता हूं:

<button
          v-for="tab in tabs"
          v-bind:key="tab"
          v-on:click="getSportsData( tab )"
        > 
<img src="./src/img/" + tab + ".png">
</button>

Vue.js में:

data() {
    return {
      tabs: ["MLB", "NFL", "NBA"],
      won: false,
      etc..
     }

मैंने गणना की गई संपत्ति की कोशिश की है लेकिन अच्छा नहीं है। मुझे त्रुटि मिलती है कि "टैब" परिभाषित नहीं है। मेरे स्रोत पथ के लिए "टैब' मान का उपयोग करने के तरीके पर कोई विचार है। Thanx।

0
Alan 17 सितंबर 2019, 16:59

1 उत्तर

सबसे बढ़िया उत्तर
<img v-bind:src="'./src/img/' + tab + '.png'">
1
Stephen Thomas 17 सितंबर 2019, 14:12