vue.js 에서 브라우저 새 창 띄우기

Vue.js에서 브라우저에서 새 창을 띄우는 방법은 window.open() 함수를 사용하는 것입니다. Vue.js에서 이 함수를 호출하여 새 창을 열 수 있습니다.

아래는 Vue.js에서 브라우저에서 새 창을 열기 위한 예시 코드입니다:

html
<template>
  <div>
    <button @click="openNewWindow">새 창 열기</button>
  </div>
</template>

<script>
export default {
  methods: {
    openNewWindow() {
      // 새 창 열기
      window.open('https://www.tistory.com', '_blank');
    }
  }
};
</script>

위의 예시에서는 <button> 요소를 클릭하면 openNewWindow 메서드가 호출되고, 해당 메서드에서 window.open() 함수를 사용하여 새 창을 엽니다. window.open() 함수는 첫 번째 인자로 열고자 하는 URL을 전달하고, 두 번째 인자로 새 창의 타겟을 지정합니다. _blank 타겟은 새 창이 열리는 방식을 지정하는데, _blank는 새 창으로 열리는 것을 의미합니다.

위의 예시에서는 https://www.tistory.com URL을 새 창으로 엽니다. 실제로는 원하는 URL을 사용하시면 됩니다.

window.open() 함수의 세 번째 매개변수로 창의 속성을 설정할 수도 있습니다(크기, 위치 등). 이는 선택적이며, 필요에 따라 사용하실 수 있습니다.

위의 코드를 참고하여 Vue.js에서 브라우저에서 새 창을 열 수 있습니다.