Vue.js экранирование в v-for?

Question

[Кирилл Ушаков]

Как вывести данные через v-for, когда они представленны в подобном виде:

{
	"0": {
		"link": {
			"#text": "http://..."
		} ,
		"media:content": {
			"@attr": "http://..."
		}
	}
}

При компилировании ругается на символы # : @

PS. Данная структура получается после перевода xml в json.

Comments

[alvvi]

А обработать данные возможности не представлятся?

[Кирилл Ушаков]

На данный момент нет. Но если vue из коробки не могёт. Буду искать другие способы.

[Сергей delphinpro]

Vue то здесь при чём?

Answer 1

[Кирилл Ушаков]

Разобрался. Вывел через квадратные скобки:

<div v-for="(item, index) in newsArray.item" :key="index">
    	<img :src="item['media:content']['@attr']" alt="">
</div>

Comments

[Roman K]

Лол. С чем разобрался? С синтаксисом языка?)