{"id":27771622,"url":"https://github.com/webreinvent/vaah-vue-select","last_synced_at":"2026-04-30T10:02:25.713Z","repository":{"id":57390006,"uuid":"189041605","full_name":"webreinvent/vaah-vue-select","owner":"webreinvent","description":"A simple native Vue.js component for Select html tag","archived":false,"fork":false,"pushed_at":"2019-06-03T10:16:15.000Z","size":60,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-04-14T09:17:31.487Z","etag":null,"topics":["dropdown","select","vue","vuecomponent","vuecomponents","vuejs"],"latest_commit_sha":null,"homepage":"https://www.webreinvent.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/webreinvent.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-05-28T14:12:33.000Z","updated_at":"2019-06-03T10:16:16.000Z","dependencies_parsed_at":"2022-09-15T06:01:39.648Z","dependency_job_id":null,"html_url":"https://github.com/webreinvent/vaah-vue-select","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/webreinvent/vaah-vue-select","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webreinvent%2Fvaah-vue-select","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webreinvent%2Fvaah-vue-select/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webreinvent%2Fvaah-vue-select/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webreinvent%2Fvaah-vue-select/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/webreinvent","download_url":"https://codeload.github.com/webreinvent/vaah-vue-select/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webreinvent%2Fvaah-vue-select/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32460781,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-29T22:27:22.272Z","status":"online","status_checked_at":"2026-04-30T02:00:05.929Z","response_time":57,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["dropdown","select","vue","vuecomponent","vuecomponents","vuejs"],"created_at":"2025-04-29T22:44:39.550Z","updated_at":"2026-04-30T10:02:25.686Z","avatar_url":"https://github.com/webreinvent.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vaah-vue-select\n\n\u003e A simple native Vue.js component for Select html tag\n\nPlease consider starring the project to show your :heart: and support.\n\n\n## Install\n\nInstall with [npm](https://www.npmjs.com/):\n\n```sh\nnpm i vaah-vue-select\n```\n\nRegister the component\n\n```sh\nimport Vue from 'vue'\nimport vhSelect from 'vaah-vue-select'\n\nVue.component('vh-select', vhSelect)\n```\n\nYou can pass following properties to the vue components:\n\n```html\n\u003cvh-select v-model=\"selected_value\" :options=\"[]\" select_class=\"form-control\" option_value=\"\" option_text=\"\" \ndefault_text=\"Select option\"\u003e\u003c/vh-select\u003e\n```\n\nExplanation\n- `v-model`: It is the selected value\n- `:options`: An array of values to render options of the select tag\n- `select_class`: Class attribute value of the select tag\n- `option_key`: Key name of the array which will set the `value` attribute of the option\n- `option_text`: Key name of the array which will set the text of the option\n\nExample 1:\n```js\n...\n\ndata()\n    {\n        let obj = {\n            //options: ['IN', 'US'],\n            options: [\n                {\n                    code: \"IN\",\n                    name: \"India\",\n                },\n                {\n                    code: \"US\",\n                    name: \"United States\",\n                }\n            ],\n            selected_val: 'US',\n        };\n\n        return obj;\n    }\n    \n...\n\n```\n\nTo create a select dropdown we'll pass the following value:\n```html\n\u003cvh-select :value=\"selected_value\" :options=\"options\" option_key=\"code\" option_value=\"name\" \ndefault_text=\"Select Country\"\u003e\u003c/vh-select\u003e\n```\n\nExample 2:\n```js\nlet options = [\n    {\n        id: 1,\n        name: 'India',\n    },\n    {\n        id: 2,\n        name: 'United States',\n    }\n];\n\nlet selected_id = 1;\n\n```\n\nTo create a select dropdown we'll pass the following value:\n```html\n\u003cvh-select :value=\"selected_id\" :options=\"options\" option_value=\"id\" option_text=\"name\" \ndefault_text=\"Select Country\"\u003e\u003c/vh-select\u003e\n```\n\nExample 2:\n```js\nlet options = [\"Apple\", \"Orange\"];\n\nlet selected = \"Orange\";\n\n```\n\nTo create a select dropdown we'll pass the following value:\n```html\n\u003cvh-select :value=\"selected\" :options=\"options\" default_text=\"Select Fruit\"\u003e\u003c/vh-select\u003e\n```\n\n## Support us\n\n[WebReinvent](https://www.webreinvent.com) is a web agency based in Delhi, India. You'll find an overview of all our open source projects [on github](https://github.com/webreinvent).\n\n## License\n\nThe MIT License (MIT). Please see [License File](LICENSE) for more information.\n\n#### Credits:\n- To generate vue npm package:\nhttps://github.com/team-innovation/vue-sfc-rollup\n\n- To check download stats:\nhttp://npm-stats.org/#/vaah-vue-select","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebreinvent%2Fvaah-vue-select","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwebreinvent%2Fvaah-vue-select","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebreinvent%2Fvaah-vue-select/lists"}