BiKing/components/k-line/k-line.vue

<template>
	<iframe
		:src="`https://biking.okenx.com/biking/kline.html?legal_id=${currencyVal.legal_id}&currency_id=${currencyVal.currency_id}&symbol=${currencyVal.currency_name}/${currencyVal.legal_name}`"
		frameborder="0"></iframe>
</template>

<script>
	import {
		mapGetters
	} from 'vuex'
	export default {
		name: "k-line",
		data() {
			return {

			};
		},
		computed: {
			...mapGetters([
				'currencyVal'
			]),
		},
	}
</script>

<style lang="scss" scoped>
	iframe {
		width: 100%;
		height: 100%;
	}
</style>