iframe이용햐여 약관 보여주기

iframe

이루다 투자일임 비대면 하이브리드 앱을 만들면서 이미 html로 만들어져 있는 약관을 화면에 보여줄 때가 있다.

Source

<template lang="pug">
.policy-terms-page
  iframe(:src="manualUrl")

hb-bottom-buttons(
  ok="확인"
  @click="onClick"
)
</template>

export default class PolicyTermsPage extends Vue {

  get  manualUrl() {
    return this.$config.doc.memberPrivacy
  }
}

Description

ifame을 이용하여 html이나 비디오등을 넣을 수 있다. 프로젝트에서는 config.ts라는 파일에 미리 약관 url을 정의해놓고 불러오는 방법으로 사용했다. 직접 해봐도 어렵지 않게 화면에 html 파일을 띄울 수 있다.