问题描述:
使用vue的ref来获得dom节点中的内容,代码如下
<div id="app">
<div ref='hello' @click="handleClick">
hell0 WORLD
</div>
</div>
<script>
var vm = new Vue({
el:'#app',
methods:{
handleClick:function(){
console.log(this.$refs.hello.innerHTML)
}
}
})
</script>
在页面中点击文字后获取不到innerHTML值,发现外面有两个font标签,搞得一脸懵。
解决办法:
把中的en改为zh
这是因为用en导致浏览器自动去翻译这个页面,翻译的过程中会自动的给所有的文本套上font标签