解决了:
<script>
let Swiper = null
if (process.client) {
Swiper = require('vue-awesome-swiper')
}
export default {
name: 'Demo',
data() {
return {
papers: ['11111111', '2222222222', '333333'],
swiperOptions: {
pagination: {
el: '.swiper-pagination'
}
}
}
},
computed: {},
mounted() {
console.log(Swiper)
let demo = new Swiper.Swiper('.swiper-container1')
console.log(demo)
},
methods: {
demo() {
console.log('=-===')
}
},
render(h) {
return h(
'div',
{
class: 'demo2'
},
[
h(
'div',
{
class: 'demo1'
},
[
h(
'div',
{
swiper: this.swiperOptions,
class: 'swiper-container swiper-container1'
},
[
h(
'div',
{
class: 'swiper-wrapper'
},
[
this.papers.map(item => {
return h('div', {
class: 'swiper-slide',
domProps: {
innerHTML: item
},
on: {
click: this.demo
}
})
})
]
)
]
)
]
)
]
)
}
}
</script>
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…