ワイズリマインダー

CDN版Vue3でカナ自動入力をしてみた

デモ表示はこちら

次の条件のもと作成されています。
・Vue3その他もろもろはインストールしたくない。
・CDNからダウンロードした各種jsを同ドメイン内にアップロードしている。
・CompositionAPIを使用。

 

【ポイント】
vanilla-autokanaを使用。
https://github.com/ryo-utsunomiya/vanilla-autokana

 

index.html

<body id="body">
 <input type="text" id="name"><br>
 <input type="text" id="kana"><br>
</body>

 

index.js

'use strict';
Vue.createApp({
  setup( ){

    let autokana;
    document.addEventListener("DOMContentLoaded", function() {
      autokana = AutoKana.bind("#name", "#kana");
    });

  }
}).mount('#body');

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

検索

最近のコメント

最近の投稿

タグ

フィード配信

アーカイブ

外部リンク