framework7-vue
Advanced tools
Changelog
v3.4.2 - October 12, 2018
webView
prop when app installed to home screenaccordionOpened
event fired without passing opened element as argumentcontentType: 'application/json'
and processData: false
it will automatically send POST data as JSONswipeThreshold
parameter when swipeNoFollow
is enabledsearchGroup
parameter to handle custom item groups to hide on searchsearchGroupTitle
parameter to handle custom item groups titles to hide on searchwith-value
and focused
states when used in list itemsearchGroup
and searchGroupTitle
propsChangelog
v3.4.0 - September 28, 2018
app.loadModule(module)
method to load F7 moduleapp.loadModules([module])
method to load array of F7 moduleslazyModulesPath
app parameter to specify lazy modules locationlazy-components/
package folderjs/framework7-lazy.js
script containing core version of Framework7css/framework7-lazy.css
styles containing core version of Framework7modules
parameter to load F7 modules before entering the routestatusbar
app parameters:
androidOverlaysWebView
(by default false
)androidTextColor
(by default black
)androidBackgroundColor
(by default null
)app.statusbar
app methods:
app.statusbar.overlaysWebView(overlays)
app.statusbar.setTextColor(color)
Changelog
v3.3.2 - September 20, 2018
view:init
DOM event and viewInit
app eventprops
in route options
or when navigating like router.navigate('/somepage/', { props: { foo: 'bar' } })
viewInit
eventChangelog
v3.3.1 - September 14, 2018
name
attributeChangelog
v3.3.0 - September 14, 2018
centerInsufficientSlides
parameter to center slides if the amount of slides less than slidesPerView
breakpointsInverse
parameter (boolean), if enabled then it will count breakpoints in reversed direction, e.g. will override parameters if window width is more than specified breakpointaddSlidesBefore
and addSlidesAfter
parameters to increase amount of pre-rendered slidesthis.$f7
, this.$f7router
, etc.) 🎉noChevron
prop to disable "chevron" icon on all nested list items with linkchevronCenter
prop to set "chevron" icon in the middle of all nested media list items with linkdisabled
prop will now set "disabled" class on list item if it is not a checkbox or radionoChevron
prop to disable "chevron" icon on list item with linkchevronCenter
prop to set "chevron" icon in the middle of media list item with linkf7ready
callback fired before deviceready
event in Cordova environmentChangelog
v3.2.1 - August 31, 2018
innerClass
and innerClassName
(alias) props to set additional class on navbar-inner
elementanimate
and backdrop
props became disabled by defaultChangelog
v3.2.0 - August 28, 2018
router.navigate({ name: 'someroute' })
componentUrl
)backdrop
and closeByBackdropClick
parameterscssClass
parameter that will add additional class to Smart Select elementsearchbar
parameter now can be a full object with Searchbar parametersappendSearchbarNotFound
parameter that adds additional element to Smart Select container that will be visible when there are no searchbar resultsdevice-macos
and device-windows
html classes when relevant device is usedapp.utils.uniqueNumber()
- returns unique counter numberapp.utils.id(mask, map)
- returns randomly generated string by mask, e.g. app.utils.id('xxxx-xxxx-xxxx-xxxx')
will return string like d692-c811-e032-6028
routesBeforeEnter
and routesBeforeLeave
propertiessubmit
event if it is used as formonChange
event in ReactcloseByBackdropClick
and closeByOutsideClick
propertiescloseByBackdropClick
, backdrop
, animate
propertiesChangelog
v3.1.0 - July 31, 2018
updateCurrentUrl(url)
method to update url of the currently active route (and current browser state if pushState
is enabled)routeUrlUpdate
event if updateCurrentUrl()
was calledpushState
could produce double pages back in FirefoxrouteChanged
eventes
attribute is required on template to enable, e.g. <template es>
$setState(mergeState)
method to set new component state and force component to update its layoutsearch
event when used with Virtual Liststep
parameter is ignored during typing. It has 3 new parameters:
manualInputMode: false
- enables manual input modedecimalPoint: 4
- number of digits after dotbuttonsEndInputMode: true
- disables manual input mode on Stepper's button clickiOSEdgeSwipeThreshold
parameter renamed to just edgeSwipeThreshold
. Old iOSEdgeSwipeThreshold
name is still supportedjs
and js_if
helpers when properties contain $
charactermanualInputMode: false
- enables manual input modedecimalPoint: 4
- number of digits after dotbuttonsEndInputMode: true
- disables manual input mode on Stepper's button click