Skip to content

Fill in the blank component based on Vue.js.(基于 Vue.js 的填空组件。)

License

Notifications You must be signed in to change notification settings

zjffun/vue-fill-in-the-blank

Repository files navigation

vue-fill-in-the-blank

Build Status NPM Download NPM Version NPM License PRs Welcome Automated Release Notes by gren

Fill in the blank component based on Vue.js.(基于 Vue.js 的填空组件。)

Table of Contents

Introduction

实现下面这种填空效果的组件:

我是______________,喜欢_____、_____和_____。

⬆ Back to Top

Feature

⬆ Back to Top

Demo

⬆ Back to Top

Install

npm:

npm install vue-fill-in-the-blank

Yarn:

yarn add vue-fill-in-the-blank

⬆ Back to Top

Example(Usage)

<template>
  <div>
    我是
    <vue-fill-in-the-blank>{{'&emsp;'.repeat(20)}}</vue-fill-in-the-blank>,爱好是
    <vue-fill-in-the-blank>{{'&emsp;'.repeat(20)}}</vue-fill-in-the-blank>
  </div>
</template>

<script>
import VueFillInTheBlank from 'vue-fill-in-the-blank';
export default {
  components: {
    VueFillInTheBlank
  },
  data() {
    return {}
  }
}
</script>

⬆ Back to Top

Reference

⬆ Back to Top

Contributors

Thanks goes to these wonderful people (emoji key):

This project follows the all-contributors specification. Contributions of any kind welcome!

⬆ Back to Top

License

MIT

⬆ Back to Top

About

Fill in the blank component based on Vue.js.(基于 Vue.js 的填空组件。)

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published