给web-view设置了ref，但是无法获取到ref里面的值？
<template>
<view>
<web-view ref="webDiv" src="https://www.baidu.com"></web-view>
<audio ref="audiod" style="text-align: left" src="https://web-ext-storage.dcloud.net.cn/uni-app/ForElise.mp3"
controls></audio>
<image ref="asda3434333" style="width: 200px; height: 200px; background-color: #eeeeee;"
src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg"></image>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {
console.log(this.$refs.audiod)
console.log(this)
},
mounted() {
// 也可以在 mounted 生命周期里获取引用
console.log(this.$refs.audiod)
console.log(this)
},
methods: {
// webview向外部发送消息
handlePostMessage: function(data) {
console.log("接收到消息：" + JSON.stringify(data.detail));
},
// 调用 webview 内部逻辑
evalJs: function() {
this.$refs.webview.evalJs("document.body.style.background ='#00FF00'");
}
}
}
</script>
<style>
</style>
