html-framework-7

Framework7+Vue [error] : Property or method is not defined on the instance but referenced during render

北战南征 提交于 2019-12-25 12:05:41
问题 I am new to Vue and trying out Framework7 and Vue for Android. Got stuck at the error: Property or method "bannerLinks" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option. found in <App> at C:\AppDEV\Mobile\xyz\src\main.vue <Root> bannerLinks is been defined in Main.js file under data attribute (code below) new Vue({ el: '#app', data: { bannerLinks: [] }, mounted() { axios.get('/skills').then(Response => this

Framework7+Vue [error] : Property or method is not defined on the instance but referenced during render

为君一笑 提交于 2019-12-25 12:05:11
问题 I am new to Vue and trying out Framework7 and Vue for Android. Got stuck at the error: Property or method "bannerLinks" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option. found in <App> at C:\AppDEV\Mobile\xyz\src\main.vue <Root> bannerLinks is been defined in Main.js file under data attribute (code below) new Vue({ el: '#app', data: { bannerLinks: [] }, mounted() { axios.get('/skills').then(Response => this

Select onchange doesnt work

夙愿已清 提交于 2019-12-25 07:27:43
问题 Anyone else has this problem that select doesn't work good in framework7? After building apk file select sometimes needs to be changed twice to take effect. What can cause it ? I removed all external files, and it's sill not working as it should. <select id="random-select"> <option id="1">1</option> <option id="2">2</option> <option id="3">3</option> <option id="4">4</option> <option id="5">5</option> <option id="6">6</option> </select> $('#random-select').change(function(){ alert($(this).val

Cordova plugins not working when using Framework7

人盡茶涼 提交于 2019-12-25 06:28:05
问题 I am making a Cordova app using Framework7 for iOS/Android. I'm trying to add the social sharing plugin and the barcode scanner plugin but the plugin functions can not be called. However when I made a Cordova app with plain HTML and JS (without Framework7) the plugins would work. Is there anything I have to modify on the Framework7 side to enable these Cordova plugins to work? 回答1: cordova.js file need not be there in your project root directory. Everytime you do a particular platform build,

Cordova plugins not working when using Framework7

空扰寡人 提交于 2019-12-25 06:27:40
问题 I am making a Cordova app using Framework7 for iOS/Android. I'm trying to add the social sharing plugin and the barcode scanner plugin but the plugin functions can not be called. However when I made a Cordova app with plain HTML and JS (without Framework7) the plugins would work. Is there anything I have to modify on the Framework7 side to enable these Cordova plugins to work? 回答1: cordova.js file need not be there in your project root directory. Everytime you do a particular platform build,

Framework7 Calendar Events load with AJAX onMonthAdd

半腔热情 提交于 2019-12-24 10:49:39
问题 Similiar question but I believe still uniquely different: Framework7 datepicker modify events after initializing I have an inline calendar with events that load from an AJAX script and I can get that to work, however there are hundreds of events that go many years in the future. What I need is a way to load just the events for the month and add them as needed. I was thinking that this could be done with onMonthAdd but the problem I am running into is that when I push a new element to p.events

Image resizing issue when keyboard open in android mobile

时间秒杀一切 提交于 2019-12-23 17:35:05
问题 Thanks for reading, i am new in cordova developing, i am use framework7 to develop hybrid app using cordova. I am putting background on login form, but in mobile when open keyboard for writing then background image is resized. I want fix position of image which is not resized when open android keyboard. Please see image below thanks 回答1: Try these configuration Index.html <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width, height=device

Framework7: How to get pinch to zoom on page-content with hammer.js?

旧街凉风 提交于 2019-12-23 05:43:30
问题 I would like to use pinch to zoom on page-content. I tried this in myapp.js but it still does not work. Did i forget something? jquery, hammer js and jquery hammer js (wrapper) are initialized var mc = $(".page-content").hammer(); mc.add(new Hammer.Pinch({ threshold: 0 })); 回答1: There are two problems in your question: How to handle pinch with hammer How to properly zoom using Javascript + CSS I posted an answer to a similar question about zooming in Javascript + CSS (which is your problem #2

how use plugin jquery in framework7

拜拜、爱过 提交于 2019-12-23 03:15:16
问题 I am trying to build a mobile application with Cordova and I have chosen the framework named "framework7". In the application I have HTML page have textboxes time, when the user clicks on the textbox clock picker will be display (clockpicker jquery plugin) Now the main issue is that the framework7 doesn't allow the jquery plugins to work with it can anyone help me 回答1: ofcourse jquery works with cordova i used jquery for all my app that i wrote with cordova .dowload jquery and add your

Change icon in tab bar using Framework 7 in intel xdk

巧了我就是萌 提交于 2019-12-23 01:34:23
问题 I am using tabbar in intel xdk using Framework 7. It only supports few icons and I need to use custom icons or the native icons. 回答1: You can use font-awesome or just remove <i> tag and add image from your assets. <div class="left"> <a href="#" class="link"><img src="..."></a> </div> 来源: https://stackoverflow.com/questions/35349476/change-icon-in-tab-bar-using-framework-7-in-intel-xdk