Build a Vue.js 3 Search Input Form Field in Browser Using vue-search-input in TS

geekygautam1997 January 11, 2025No Comments

npm i vue-search-input

App.vue

<template>
    <SearchInput v-model="searchVal" />
  </template>
  
  <script>
  import { ref } from 'vue'
  import SearchInput from 'vue-search-input'
  // Optionally import default styling
  import 'vue-search-input/dist/styles.css'
  
  const searchVal = ref('')
  
  export default {
    components: {
      SearchInput
    },
    setup() {
      return {
        searchVal
      }
    }
  }
  </script>

</template>

import { ref } from 'vue'

import SearchInput from 'vue-search-input'

// Optionally import default styling

import 'vue-search-input/dist/styles.css'

const searchVal = ref('')

export default {

components: {

SearchInput

setup() {

return {

searchVal

}

</script>

geekygautam1997

View All Posts

Comments

No comments yet. Why don’t you start the discussion?

Build a Vue.js 3 Search Input Form Field in Browser Using vue-search-input in TS

Comments

Leave a Reply Cancel reply

Archives