共1个回答
XL
游客xlRpUN
vue-fullpage.js将监听Fulpage.js选项中发生的所有更改,但不会自动监听任何DOM更改。如果您希望vue-Fulpage.js对DOM更改作出反应,那么在进行这些更改之后,调用build()方法。例如:
//创建条目div
var section = document.createElement('div');
section.className = 'section';
section.innerHTML = '<h3>New Section</h3>';
//添加条目
document.querySelector('#fullpage').appendChild(section);
//在var vm = new Vue({...}) 后调用.
vm.$refs.fullpage.build();
//在组件中调用
this.$refs.fullpage.build();
另外,为了使FulPage.js在任何FulPage.js选项更改后得到更新,你可以在初始化过程中设置对应的选项。比如,如果你想实时更新scrollBar
和controlArrows
:
<script>
export default {
data() {
return {
options: {
licenseKey: 'YOUR_KEY_HERE',
controlArrows: true,
scrollBar: true
},
}
},
}
</script>
回答问题