<script src="https://xenodochial-hermann-adb1af.netlify.app/xdo-brower-filter.umd.js"></script>
xdoBrowserFilter.init({
filter:{
chrome:65,
ie:10,
firefox:53
},
action:function(res){
if(!res){
xdoBrowserFilter.full()
}
}
})
<script src="https://github.com/meterXu/browser-filter/blob/master/public/xdo-brower-filter.umd.js"></script>
<script>
window.onload=function (){
xdoBrowserFilter.init({
filter:{
chrome:65,
ie:10,
firefox:53
},
action:function(res){
if(!res){
xdoBrowserFilter.full()
}
}
})
}
</script>
<template>
<Dialog
title="提示"
:visible.sync="dialogVisible"
width="30%">
<div>
<i v-if="filter" class="el-icon-success" style="color:#67C23A;font-size: 100px"></i>
<i v-else class="el-icon-warning" style="color:#E6A23C;font-size: 100px"></i>
</div>
<div style="margin-top: 20px">
{{ msg }}
</div>
<span slot="footer" class="dialog-footer" style="display: flex;justify-content: center">
<el-button type="primary" @click="dialogVisible = false">确 定</el-button>
</span>
</Dialog>
</template>
<script>
import 'element-ui/lib/theme-chalk/index.css'
import {Dialog} from 'element-ui'
import xdoBrowserFilter from 'xdo-browser-filter'
export default {
components:{Dialog},
data(){
return{
dialogVisible:false
}
},
mounted(){
{
xdoBrowserFilter.init({
filter: {
chrome: 65,
ie: 10,
firefox: 53,
safari: 12,
},
action: function (res) {
if(!res){
this.dialogVisible = true
}
}
})
}
}
}
</script>
import 'element-ui/lib/theme-chalk/index.css'
import {Message} from 'element-ui'
import xdoBrowserFilter from 'xdo-browser-filter'
export default {
mounted(){
let that = this
xdoBrowserFilter.init({
filter: {
chrome: 65,
ie: 10,
firefox: 53,
safari: 12,
},
action: function (res) {
if(!res){
Message({
message: '页面有兼容性问题!',
type: 'warning'
})
}
}
})
}
}
import 'element-ui/lib/theme-chalk/index.css'
import {Notification} from 'element-ui'
import xdoBrowserFilter from 'xdo-browser-filter'
export default {
mounted(){
let that = this
xdoBrowserFilter.init({
filter: {
chrome: 65,
ie: 10,
firefox: 53,
safari: 12,
},
action: function (res) {
if(!res){
Notification({
title: '通知',
message: '页面有兼容性问题!',
type: 'warning'
})
}
}
})
}
}