1

我在我的项目中起诉https://github.com/DominikSerafin/vuebar指令。现在取决于一些 var 我想在 html 中使用它与否。

像这样

<div v-bar>
//this div contains huge html like 1200 lines of code and doing
// v-if is not option since i will have to duplicate all of its content
</div>

所以总结一下：

<div v-bar v-if="somevar"></div> // is not and option bceuse that div contains 1200 of code

有什么办法可以让我说：

<div some_var ? v-bar:''></div>

或者让我的指令继承那个 v-bar 并渲染？

4

2 回答 2

1

其实你可以做一件事。使用指令挂钩参数。

您可以根据指令代码中的钩子参数放置您的条件。你可以确保这些钩子参数是反应性的，以便它可以在你想要的时候改变。

根据绑定值，为指令代码中的指令编写是否为指令做某事的逻辑。

阅读本文，如果您不清楚，请发表评论。

于 2018-07-12T13:07:50.053 回答
0

不，没有办法在某些条件下应用指令。但是您可以尝试从文档中以编程方式创建和销毁自定义滚动条：

公共方法。

您可以从组件上下文中访问它们：this.$vuebar. 或者，您可以从主 Vue 实例访问它们： Vue.vuebar. 每个方法都需要将 Vuebar 滚动容器元素作为第一个参数传递。您可以使用$refs.

initScrollbar(DOM Element, options)
getState(DOM Element)
refreshScrollbar(DOM Element, options)
destroyScrollbar(DOM Element)
于 2018-07-12T13:00:54.640 回答