在不监视默认文本的情况下，有没有办法更新滚动下拉菜单的文本？

Posted 2023-01-05

bounty到期在7天内。该问题的答案有资格获得+ 50声望赏金。AlyssaAlex想要引起更多关注对此问题。

我是Vue的新手，正在使用Bootstrap Vue Scrollspy（https://bootstrap-vue.org/docs/directives/scrollspy#example-using-navs）。我的下拉菜单很粘，并且在监视所有引用的内容。粘性下拉菜单中的文本会随着当前部分的显示而更新。

这就像我的代码：https://codesandbox.io/s/festive-tree-1w3hx?file=/src/App.vue

有什么方法可以将下拉菜单的文本设置为默认文本，例如从上方的链接为“目录”？这样，每次滚动完成后，它只是将下拉菜单的文本转换为默认文本吗？我对这种方法不满意的是，我需要#nav-scroller的height属性，并且由于我正在处理动态数据，因此我不认为这是一个选择。双滚动条也是我不想要的东西。

[我试图通过使用Stickybits（https://dollarshaveclub.github.io/stickybits/）使下拉菜单在代码中保持粘性，我还尝试检查它们是否具有可以在位置不粘性时触发事件的功能，然后下拉文本更改为默认文本，但根据我的研究，我认为它们不起作用吗？

此外，我尝试隐藏隐藏的溢出，但这不能解决问题。

我正在尝试找到一种在没有jQuery的情况下可以实现的方法。希望能有所帮助，谢谢。

答案

我在emptySectionMessage中放置了defaultDropdownText和data

i创建了一个dropdownText属性，如果该属性与sectionTitle或emptySectionMessage不同，则返回defaultDropdownText。

随意将数据属性更改为您需要的任何内容。

在这里看到它的工作：https://codesandbox.io/s/sweet-montalcini-bexqu?file=/src/App.vue