problem description
use the vue-awesome-swiper page to report Maximum call stack size exceeded
//
main.js
Home.vue
Swiper.vue
package.json
Maximum call stack size exceeded
I hope you bosses can help
use the vue-awesome-swiper page to report Maximum call stack size exceeded
//
main.js
Home.vue
Swiper.vue
package.json
Maximum call stack size exceeded
I hope you bosses can help
solved it because the name in the Swiper.vue defined by myself and the swiper in the plug-in repeat the modified name: 'HomeSwiper' . Just change the name
.<template>
<div class="wrapper">
<swiper :options="swiperOption" ref="mySwiper">
<!-- slides -->
<swiper-slide><img src="https://demo.nicetheme.xyz/grace-style1/wp-content/themes/grace/timthumb.php?src=https://demo.nicetheme.xyz/grace-style1/wp-content/uploads/sites/7/2017/09/2018081117141885.jpg&h=450&w=1170"/></swiper-slide>
<swiper-slide><img src="https://demo.nicetheme.xyz/grace-style1/wp-content/themes/grace/timthumb.php?src=https://demo.nicetheme.xyz/grace-style1/wp-content/uploads/sites/7/2018/08/2018081116390023.jpg&h=450&w=1170"/></swiper-slide>
<swiper-slide><img src="https://demo.nicetheme.xyz/grace-style1/wp-content/themes/grace/timthumb.php?src=https://demo.nicetheme.xyz/grace-style1/wp-content/uploads/sites/7/2018/08/2018081116391818-e1533978162780.jpg&h=450&w=1170"/></swiper-slide>
<swiper-slide><img src="https://demo.nicetheme.xyz/grace-style1/wp-content/themes/grace/timthumb.php?src=https://demo.nicetheme.xyz/grace-style1/wp-content/uploads/sites/7/2018/08/2018081115114442-e1533974263195.jpg&h=450&w=1170"/></swiper-slide>
<div class="swiper-pagination" slot="pagination"></div>
<div class="swiper-button-prev" slot="button-prev"></div>
<div class="swiper-button-next" slot="button-next"></div>
</swiper>
</div>
</template>
<script>
export default {
name: 'HomeSwiper',
data () {
return {
swiperOption: {
// some swiper options/callbacks
// swiper api
// ...
pagination: '.swiper-pagination',
loop: true,
autoplay: true, //
// slide
initialSlide: 0,
//
slidesPerView: auto,
// slidepx
slidesOffsetBefore: 100
}
}
},
computed: {
swiper () {
return this.$refs.mySwiper.swiper
}
}
}
</script>
<style scoped>
</style>
requirements are as follows: click the addFisrt button to add the content of the first component, click addSecond to dynamically add the content of the second component and can add without limit ~ ask the great gods to provide ideas and methods ~ thank ...
write a public method to be introduced in the module in js, but the browser says it s not defined is what I m missing? ...
var app3 = new Vue ({ el: -sharpitem , data:{ item_data:[ ], }, computed:{ }, methods: { } }); I want to change the item_data of vue when I click. This is the data. If it can be printed, it is rendered on the page. goods_box is li...
using the vue project packaged with webpack, the main.js in the dist directory has a large number of base64 characters. what is the cause of this? ...
When the project uses tree to display information, sometimes the user needs to select only one value, that is, radio selection. the ui framework of iview is used in the project. If I only have to select a single node, checkbox can only choose one e...
vue Click to add class to dom and then get the dom with class < div class= "chose-ck " VMI for = "(item,index2) in colors ": key= "index2 " ref= "chosebox " > {{item.name}} &l...
the current project uses vue and element to do, and finds a problem. After entering the current page, it will request an interface with 3000 + pieces of interface data, and then send the data to element-ui to render the select, (page rendering will not ...
as shown in the figure, after clicking to continue for consultation, you will return to the previous page (mostly with scrollbars). The desired effect is to return to the bottom of the previous page (as shown in figure 2). The current problem is: ...
now there is a list page, and the list is searchable, and the results are displayed after the search. Because except for the data source, the search result page and the list page are exactly the same, so can you reuse the same component by binding diffe...
paste the structure code: hasVerticalScroll has a value for true,scrollerHeight, if I set overflow-y:auto; for class menu-wrapper and foods-wrapper The style is also completely fine, and the print better-scroll initialization is also fine. add: I found...
has recently done a vue project-video upload function. requirements goes like this: when the user opens the page, there will be a button to turn on the camera. When the user clicks the button, the mobile camera will be turned on to take pictures of t...
after the project has been written, how to make the software supported by Android iOS? ...
< script src= ".. vue.js " > < script > <title>Document< title> <style> .fade-enter{ opacity: 1; } .fade-enter-active{ transition: opacity 3s; } < style> < head > < body > <div id=&qu...
I have defined two < input > input boxes in Vue component. I want to bind the value of these two input boxes to the parent component with v-model, but I have only found a way to bind one. What should I do if I bind two each? the following code changes...
<template> <div class="warpper"> <button @click="alert">test< button> <ul > <li ref="lk" key="22">lk< li> <li ref="lk&...
how can JS or vue implement a real-time animated mobile function similar to that of Didi Taxi? Now I don t have any ideas at all. I beg for the popularization of science! ...
plugin address: https: spiritree.github.io v.github address: https: github.com spiritree . how do I display the picture on the node? How to implement click events on nodes? ...
problem description the plug-in found on the Internet is called print-js, and then keeps reporting errors according to the example, (0, _ printJs2.default) is not a function the environmental background of the problems and what methods you have trie...
currently developing APP, with VUE wants to achieve the effect of Wechat opening external links as shown in the picture (APP embedded with external web pages). Before, I have tried to find a lot of BUG after iframe publishes APP on IOS ....
the use of iview, in which I want to register the component with a upload upload button, but with the render function, I can t write. I haven t written it after trying for a long time. Boss, take a look at it . { align: center , title: , render...