odaxiwa 2017-10-22 03:09 采纳率: 0%
浏览 1571

vue2在ios10.3以下无法显示页面

如题，
1.搜索了一下，最多的是这个方法，但并没有解决，应该和浏览器内核有关 http://www.jb51.net/article/119831.html 引入bab

  1. 有资料显示，vue2支持的浏览器版本
    图片说明el-polyfill

    写好的页面在chrome和新的android、ios都没有问题，但在ios10.3以下页面是不显示的，包括微信浏览器和safari，求教

  • 写回答

1条回答 默认 最新

  • 你知我知皆知 2024-08-07 01:47
    关注

    以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

    这个问题可能与Vue.js 2.x版本的兼容性有关。Vue.js 2.x版本可能存在一些bug或性能问题，尤其是在iOS设备上。建议您尝试更新到最新的Vue.js版本，并确保您的项目中已经安装了最新版本的Vue.js polyfills。

    此外，您也可以考虑使用其他流行的JavaScript框架，如React.js 或 Angular.js，它们通常具有更好的跨平台支持和更少的bug。

    以下是使用Vue.js 2.x版本创建一个简单的应用示例：

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue.js App</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
    <style scoped>
        div {
            padding: 1rem;
        }
    </style>
</head>
<body>
<div id="app">
    <p v-if="show">{{ message }}</p>
    <button @click="toggle">Toggle Message</button>
    <script>
        new Vue({
            el: '#app',
            data: {
                show: false,
                message: 'Hello World!'
            },
            methods: {
                toggle() {
                    this.show = !this.show;
                }
            }
        });
    </script>
</div>
</body>
</html>

    在这个例子中，我们使用了Vue.js 2.x版本，并通过polyfills来处理不同浏览器的差异。您可以根据需要调整样式和逻辑以满足您的需求。

    评论

报告相同问题？