Vue.js（Nuxt.js）で動的に外部のjsファイルを読み込む方法 - Qiita
Vue.js（Nuxt.js）で動的に外部のjsファイルを読み込む方法になります。 Vue.js（Nuxt.js）で動的に外部のjsファイルを読み込む方法 <template> <button @click="importScript">click</button> </template> <script lang="ts"> import Vue from 'vue' export default Vue.extend({ methods: { importScript() { const script = document.createElement('script') script.setAttribute('src', 'https://www.youtube.com/iframe_api') script.setAttribute('id', 'script_id') docum
Vue(Nuxt.js)でTopへ戻るボタンを実装する方法【ライブラリ使用無し】 - Qiita
<template> <div> <button @click="returnTop"> Topへ戻る </button> </div> </template> <script lang="ts"> import Vue from 'vue' export default Vue.extend({ methods: { returnTop() { window.scrollTo({ top: 0, behavior: 'smooth' }) } } }) </script> window.scrollToメソッドを使用して、Topへ戻す処理をしています。 behavior: smoothとオプションを指定することで、スムーズスクロールさせることができます。 behavior: auto だと一瞬で移動します。 スクロールしたらTopへ戻るボタンが表示するようにする 初期表示では、Topへ戻
Vue(Nuxt.js)でチャット機能を実装する5つのパターン - Qiita
Vue(Nuxt.js)でチャット機能を実装する方法です。 5パターンの実装方法をまとめました。 送信ボタンを押すことで送信する <template> <div> <p>送信:</p> <p>{{ sendMessage }}</p> <textarea v-model="message"></textarea> <button @click="sendChat">送信</button> </div> </template> <script lang="ts"> import Vue from 'vue' export default Vue.extend({ data() { return { message: '', sendMessage: '' } }, methods: { sendChat() { this.sendMessage = this.message this.mes
Vue(Nuxt.js)でEnterで送信、Shift+Enterで改行の機能を実装する【textarea,input】 - Qiita
Vue(Nuxt.js)で、textarea・inputで入力したものをEnterで送信、Shift+Enterで改行する機能を実装する方法です。 チャット機能を実装する時などに便利かと思います。 Vue(Nuxt.js)でEnterで送信、Shift+Enterで改行の機能を実装 <template> <div> <p>送信:</p> <p>{{ sendMessage }}</p> <textarea v-model="message" @keydown.enter.exact="keyDownEnter" <!--enterをkeydownした時のイベント--> @keyup.enter.exact="keyUpEnter" <!--enterをkeyupした時のイベント--> @keydown.enter.shift="keyEnterShift" <!--enterとshiftを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vue(Nuxt.js) で親子コンポーネント間でイベント（メソッド）を呼び出す方法 - Qiita
