如题。

发布于 2020-10-08 09:41
共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>
回答问题