iframe在Safari中无法使用，但在chrome中可以使用

Question

我做了一个简单的iframe测试。在谷歌浏览器中，它可以在iframe中打开链接。但是在Safari浏览器中，它会在新标签页中打开链接，而iframe不会显示任何链接。如何使野生动物园正常工作？

<div id="app">
    <ul>
        <li v-for='item in menuList' v-if='item.type === 0'>
            <a :href="item.url" target="mainFrame">{{item.name}}</a>
        </li>
    </ul>

    <div style="width:300px;height:400px;background-color: rosybrown">
        <iframe id="mainFrame" name="mainFrame" src="1.html" frameborder="0" width="100%" height="100%"></iframe>
    </div>

</div>


<script>
    var app = new Vue({
        el: "#app",
        data: {
            menuList: [{
                name: 'application',
                type: 0,
                url: '1.html'
            }, {
                name: 'test-one',
                type: 0,
                url: 'v-set.html'
            }, {
                name: 'test-two',
                type: 0,
                url: 'v-extend.html'
            }, {
                name: 'test-three',
                type: 1
            }]
        }
    });
</script>