<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>