Vue.jsで作る文字数カウントアプリのサンプルコード

vue
スポンサーリンク

文字数カウントのサンプルコードです。

実際のサンプルはこちら

サンプルコード

<template>
    <div class="mojisu">
        <input v-model="text" type="text">
        <p>文字数:{{text.length}}</p>
    </div>
</template>

<script>
export default {
    data(){
        return{
            text: ''
        }
    }
}
</script>

<style scoped>

</style>

解説

v-modelでtextに結び付けています。

lengthを使って文字数をカウントさせています。

コメント

タイトルとURLをコピーしました