Question

我正在尝试使用unslider jQuery插件来浏览时间轴式的事件列表。而不是通常使用的点，我希望它们被实际的年份值替换，这样你就可以看到你在哪一年并浏览。

Vue.component('grandchild', {
  template: '<div>grandchild - {{ data2.value }}</div>',
  props: [ 'data2' ]
});

Vue.component('child', {
    template: '<div>child - {{ data1.id }}<grandchild v-bind:data2="data2"></grandchild></div>',
  props: [ 'data1' ],
  data () {
    return {
        data2: {
        value: this.data1.id
      }
    };
  }
});

let v = new Vue({
    el: '#div',
  data: {
    data1: {
        id: 3
    }
  }
});

setInterval(function () {
    v.data1.id++;
}, 1000);

在元素列表上调用该函数，每个元素都有一个'year'属性，这个值是我想要替换点的值，但是如何编辑现有插件以包含此功能？

Answer 1

没有找到如何从unislider选项中做到这一点，但点实际上是带有一些CSS的

元素（例如text-indent：-999em;）。因此，如果您确实想要用值替换它们，则只需调整该CSS。

用jQuery unslider中的值替换轮播点

1 个答案: