なぜか質問を投稿すると反映されない。。 何かしら問題があってはじかれている??
CDN版Vue3でSFCを使用しカナ自動入力をしてみた
次の条件のもと作成されています。
・Vue3その他もろもろはインストールしたくない。
・CDNからダウンロードした各種jsを同ドメイン内にアップロードしている。
・CompositionAPIを使用。
【ポイント】
onMountedを使用する。
vanilla-autokanaを使用。
https://github.com/ryo-utsunomiya/vanilla-autokana
index.html
<body id="body"> <compo></compo> </body>
index.js
'use strict';
Vue.createApp({
setup( ){
},
components: {
'compo': Vue.defineAsyncComponent( () => window['vue3-sfc-loader']['loadModule']('./index02.vue', window['Vue3']['loaderOption']() ) )
}
}).mount('#body');
indev02.vue
<template>
<input type="text" id="name"><br>
<input type="text" id="kana"><br>
</template>
<script scoped>
import { onMounted } from 'vue'
export default{
setup( props ){
onMounted( () => {
AutoKana.bind("#name", "#kana");
});
}
}
</script>
検索

コメントを残す