{"id":28400176,"url":"https://github.com/vuecomponent/vue-dash-event","last_synced_at":"2025-07-25T05:39:49.793Z","repository":{"id":57395500,"uuid":"162521629","full_name":"vueComponent/vue-dash-event","owner":"vueComponent","description":"The library function, implemented in the DOM template, can use the custom event of the ant-design-vue component (camelCase)","archived":false,"fork":false,"pushed_at":"2020-10-22T10:29:37.000Z","size":89,"stargazers_count":19,"open_issues_count":4,"forks_count":3,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-06-08T09:17:47.048Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vueComponent.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-12-20T03:27:08.000Z","updated_at":"2025-04-17T11:44:13.000Z","dependencies_parsed_at":"2022-09-04T20:23:05.107Z","dependency_job_id":null,"html_url":"https://github.com/vueComponent/vue-dash-event","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/vueComponent/vue-dash-event","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vueComponent%2Fvue-dash-event","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vueComponent%2Fvue-dash-event/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vueComponent%2Fvue-dash-event/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vueComponent%2Fvue-dash-event/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vueComponent","download_url":"https://codeload.github.com/vueComponent/vue-dash-event/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vueComponent%2Fvue-dash-event/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262363859,"owners_count":23299478,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":[],"created_at":"2025-06-01T09:11:58.967Z","updated_at":"2025-06-28T02:31:16.554Z","avatar_url":"https://github.com/vueComponent.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vue-dash-event\nThe library function, implemented in the DOM template, can use the custom event of the ant-design-vue component (camelCase)\n\n[![NPM version](https://img.shields.io/npm/v/vue-dash-event.svg?style=flat)](https://npmjs.org/package/vue-dash-event) [![NPM downloads](http://img.shields.io/npm/dm/vue-dash-event.svg?style=flat)](https://npmjs.org/package/vue-dash-event)\n[![](https://data.jsdelivr.com/v1/package/npm/vue-dash-event/badge)](https://www.jsdelivr.com/package/npm/vue-dash-event)\n\n## Usage\n\n```js\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/vue-dash-event@1.0.1/dist/index.min.js\"\u003e\u003c/script\u003e\n\u003cscript\u003e\nVue.use(window['vue-dash-event'])\n\u003c/script\u003e\n```\n## Why\n\n### If you not use DOM templates, You don't need this plugin.\n\nUnlike components and props, event names don’t provide any automatic case transformation. Instead, the name of an emitted event must exactly match the name used to listen to that event. For example, if emitting a camelCased event name:\n\n```js\nthis.$emit('myEvent')\n```\nListening to the kebab-cased version will have no effect:\n\n```html\n\u003cmy-component v-on:my-event=\"doSomething\"\u003e\u003c/my-component\u003e\n```\nUnlike components and props, event names will never be used as variable or property names in JavaScript, so there’s no reason to use camelCase or PascalCase. Additionally, `v-on` event listeners inside DOM templates will be automatically transformed to lowercase (due to HTML’s case-insensitivity), so `v-on:myEvent` would become `v-on:myevent` – making `myEvent` impossible to listen to.\n\nBut ant-design-vue use camelCase for event names. In order to properly monitor the internal camelCase events of the component.\nIf you use DOM templates, you must use `\u003cmy-component v-on:my-event=\"doSomething\"\u003e\u003c/my-component\u003e` and `Vue.use(window['vue-dash-event'])`. Then component will monitor the internal camelCase events of the component.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvuecomponent%2Fvue-dash-event","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvuecomponent%2Fvue-dash-event","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvuecomponent%2Fvue-dash-event/lists"}