フリーランス 技術調査ブログ

フリーランス/エンジニア Ruby Python Nodejs Vuejs React Dockerなどの調査技術調査の備忘録

components

Vueでタグを入力および削除できるコンポーネントを作成する

はじめに 下記のようなタグ入力フォームを作る コンポーネント作成 components/TagInput.vue ファイルを作成する <template> <div class="current-user-tag-wrapper"> <v-chip class="current-user-tag-chip"" v-for="(tag, index) in newTags" :key="index" close @click:close="removeTag(index)"> {{ tag }} </v-chip> </div></template>

nuxtjsで「もっと読む」機能を実装する

はじめに nuxtjsでファーストビューで途中までテキストを表示して、ユーザーがリンクまたはボタンをクリックしたら、全テキストを表示するサンプルを作成してみた。 コード Case1(テキスト) - components/Readmore.vueファイルを作成して下記のコードを記…