logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue 项目 切换手机端和pc端。同一个项目,配置不同的路由

1, 首先判断设备:在main.js里面写// vue原型挂载 - 是否PC端if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {Vue.prototype.$pc = false//hostConfig.vconsole && new VConsole()} else {Vue.proto

#vue.js#前端#javascript
Nuxt判断手机端还是电脑端

nuxt.js 同一路由pc和移动端(1) 在pages下创建文件夹index(2) 在index文件夹下创建三个文件 index.vue 、 indexPc.vue 、 indexMobile.vue(3)文件内容。1、index.vue<template><div><component :is="component"></component>&l

Vue2引入BootstrapVue

Bootstrap官网:Bootstrap中文网 (bootcss.com)BootstrapVue官网:BootstrapVue-基于VueJS的Bootstrap框架 · 全球最流行的 HTML、CSS 和 JS 工具库。 (z01.com)1、安装(vuecli3安装BootstrapVue)npm install bootstrap-vue2、引入(1)在main.js里面添加下面代码im

#bootstrap
Nuxt首屏加载使用loading动画

1、创建一个loading组件在components文件夹下创建Loading.vue(下面这种是故意使用setTimeout来延迟执行,给页面加载有时间渲染页面)根据在本地存储一个num,num为1,延迟8s后执行,num为2,延迟3s后执行注意:countTo是插件,如果不想用就注释这串代码,不影响components/Loading.vue代码:<template><div

#vue.js
vue项目怎么在手机查看

可能,我们连接同一个网络以后,在手机浏览器输入第二个网址,发现手机端还是不能访问服务。这时候我们把电脑的防火墙关闭一下就好了。一个是本地的,一个是网络的。在手机浏览器地址栏输入第二个网址(这个时候再重新用手机查看vue项目第二个网址,就可以查看项目。【注意】:我们的手机和开启服务的电脑要连入同一个网络。然后点击公用网络,然后 关闭防火墙。启动一个项目之后,会出现两个网址,),我们可以在手机端查看我

#vue.js#前端#javascript
Vue首屏加载loading动画界面和路由跳转动画

1、首屏加载等待界面(1)在public的index.html里面的id为app的div标签里面添加<body><noscript><strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enable

#vue.js
到底了