VueJS Error Saat Ingin Menampilkan HTML

vue

✔ Forum ini sudah terjawab


foto Jehan Ramadhan oleh @CodenameJR
10 bulan yang lalu
Saya baru belajar VueJs dan mengikuti tutorial yang ada disini. namun, ketika saya sampai pada step menampilkan html yang terdapat dalam object Vue, terjadi error seperti ini : [Vue warn]: failed to compile template: <div id="app"> {{ nama }} - {{ umur }} - {{ pria ? 'Pria' : 'Wanita' }} {{{ salam }}} </div> - invalid expression: {{ nama }} - {{ umur }} - {{ pria ? 'Pria' : 'Wanita' }} {{{ salam }}} (found in root instance) VueJs Kode
<div id="app">
	{{ nama }} - {{ umur }} - {{ pria ? 'Pria' : 'Wanita' }}
	{{{ salam }}}
	</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.js"></script>
<script>
	var data = new Vue({
		el			: '#app',
		data		: {
			nama	: "Jehan",
			umur	: 20,
			pria	: true,
			salam	: '<p> Hello Wordl! </p>' 
		},
	});
</script>
Mohon Solusinya, Terima kasih.
Jawaban
foto Fadlun Anaturdasa oleh @QaiserLab
10 bulan yang lalu
itu jalannya di vue versi 1.* kalau di VueJS versi 2 keatas dah ga boleh lagi {{{ salam }}} ganti jadi <div v-html="salam"></div> gan
answered icon
foto Fadlun Anaturdasa oleh @QaiserLab
10 bulan yang lalu
itu jalannya di vue versi 1.* kalau di VueJS versi 2 keatas dah ga boleh lagi {{{ salam }}} ganti jadi <div v-html="salam"></div> gan

Login untuk diksusi di forum sekolah koding