vue-js-modal changelog
Aug 9, 2017 · 2 min read
v1.3.13
- Dynamic modals support events handlers.
v1.3.12
- Improvements to dynamic modals, programmatic
closeevent. - Changed
Dialogcomponent name toVueJsDialog(#180).
v1.3.11
- Dynamic modals ✨by NoelDeMartin (#175)
- Bug fixes.
v1.3.7
- TypeScript type bindings.
- Fixed width of the modal when page has scrollbar.
- Added build target with extracted css.
v1.3.6
- Bug fixes.
- Added
defaultparam fordialogbuttons (the button withdefaultparam will be trigged onEnterpress).
v1.3.3
- Documentation tweaks.
@openedevent has correct $ref (#15 by DaxChen).height="auto"now repositions modal (by DaxChen).
v1.3.0
- Dialog now bubbles modal’s events.
- Removed opencollective postinstall script as it was breaking
yarn addfor some users. - Fixed click event working funny on
draggablemodal. - Inputs on
draggablemodal stop mousedown event propagation. - Other bug fixes.
v1.2.12
v1.2.11
- Added an uglification step to eliminate dead code and remove
vue-hot-reload-apireference from the built library (fix by @arve0). - Added
clickToCloseandwidthprops support forv-dialogcomponent (#76) - Minor fix for “scrollable” flag - now
overflow:hiddenwill be applied to thebodyelement (when modal is shown). - Fixed `clickToClose` not working on mobile phones (#72)
v1.2.8
- Moved changelog to the this Medium post 😃
- Upgrade to nuxt 1.0-rc3 (#55)
- Added
<v-dialog/>wrapper. It is a simplified version of the modal, it has most parameters set by default and is pretty useful for quick prototyping, showing alerts or creating mobile-like modals.
To start using Dialog you will have set a configuration:
Vue.use(VModal, { dialog: true })And include it anywhere in your project tree:
<v-dialog/>Now you can simply call it (all params except of “text” are optional):
this.$modal.show('dialog', {
title: 'Alert!',
text: 'You are too awesome',
buttons: [
{ title: 'Deal with it', handler: () => { alert('Woot!') },
{ title: 'Close' }
]
})For more examples please take a look at vue-js-modal.yev.io.

v1.2.7
- Now you can set custom component name for your modal. For example, if you are using some ui framework, the “modal” name might be already be taken.
Vue.use(VModal, { componentName: "foo-modal" })
...
<foo-modal name="bar"></foo-modal>v1.2.6
- Added
"auto"value support forheightproperty. - Added
scrollableflag that allows modal content to be scrolled when height is "auto". - Added CHANGELOG file.
v1.2.5
heightandwidthprops can be set using percents.- Better handling of
min-widthandmin-height.
