iframe не работает в Safari, но в Chrome работает

Question

Я сделал простой тест iframe. В Google Chrome, он может открыть ссылку в 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>