怎样才能将vue.js的v-html获取的内容生成索引目录

发布网友发布时间：2022-04-21 01:38

共1个回答

热心网友时间：2022-04-21 18:42

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
a{display: block;}
</style>
</head>
<body>
<div>
<a v-for="(index,item) in items" data-index="{{index}}" v-on:click="onclick" href="http://www.baidu.com">{{ item.text }}</a>
</div>
<input type="text" name="" id="index" value=""/>
<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
new Vue({
el: 'body',
data: {
items: [
{ text: '巴士' },
{ text: '快车' },
{ text: '专车' },
{ text: '顺风车' },
{ text: '出租车' },
{ text: '代驾' }
]
},
methods: {
onclick:function(event){
event.preventDefault();
let target = event.target
console.log(target.getAttribute("data-index"));
document.getElementById('index').value = target.getAttribute("data-index");
}
}
})
</script>
</body>
</html>追问下面是我获得的字段content的内容，我想将标签为~的内容都列举出来，做为一个目录在同一页面显示，要如何处理？
对于 MacBook
，我们给自己设定了一个几
乎不可能实现的目标
的 Mac 笔记本电脑上
打造全尺寸的使用体验。
，不仅令其更为纤薄轻巧，
最终我们带来的。