我正在使用VueJS。我有一种情况，我在div类explainer（多个段落）中有一些内容。
我的挑战是允许用户将鼠标悬停在div中的任何单词上。在悬停时，应在不同的背景中突出显示整个句子，然后在另一格中显示有关悬停的单词和突出显示的句子的信息。
如果我有预定义的词/短语要悬停，那很容易，因为我可以使用@mouseover事件来触发它。但就我而言，这是一个完整的段落，我不知道用户要单击哪个单词/句子。
我创建了一个小提琴来说明这一点：
答案 0 :(得分：1)
我刚刚通过将您的文本分成<span>标签来实现了这一目的。
（使它更漂亮）
这个例子不是很漂亮，但是它确实起作用，您可以看到该机制。您可能还想从原始文本构建模板。
更新：这是一个同时突出显示句子和单词的版本，并根据“内容”数据字段自动生成跨度。