wtbf-vue-search

This is yet another vue search style component.

Install

Use npm to download code:

npm install wtbf-vue-search -S

then import it into your project, add below code into your main.js:

import Search from 'wtbf-vue-search'

Vue.use(Search)

Usage

<template>
<div class="demo">
  <div>
    <search :styleObject="searchStyle" :inputholder="searchHolder" v-on:fullSearch="searchVal" ></search>
  </div>
</div>
</template>


<script>
export default {
  data() {
    return {
      searchStyle: {
        width: 300,
        height: 30,
      },
      searchHolder: 'name',
    }
  },
  methods: {
    searchVal(keyWord) {
      console.log(keyWord)
    }
  }
}
</script>