Question

在我的模板中我得到了这个：

    <div v-show="showContent" class="content-block-body">
        <div class="slider-pro">
            <div class="sp-slides">
                <slide v-for="block in subItems"
                  :uniqueId="block.uniqueId"
                  v-bind="block.settings"
                  :container-preview="containerPreview"
                  :transparent-input-background="transparentInputBackground"
                  v-on:remove="removeBlock(block.uniqueId)"
                  :key="block.uniqueId">
                </slide>
            </div>
        </div>
    </div>

我正在使用需要锁定的jquery插件

<div class="slider-pro">

标签。以下工作如果我删除第一个div：

        this.el = jQuery(this.$el)
        this.el.sliderPro()

但如果我有第一个div，则插件无法正确初始化。我如何使用它。$ el在模板中找到其他div，这样我就可以正确地将它传递给jQuery，然后用它来初始化插件。

Answer 1

在该元素上设置ref。

<div class="slider-pro" ref="slider">

然后使用ref。

jQuery(this.$refs.slider)

请记住，只有在渲染组件后（mounted内或之后）才会有效。

如何使用这个来访问不同的元素然后访问根元素。$ el

1 个答案: