giao序员-CSDN博客

原创 element form 表单验证深层对象验证方法

这种格式的form如何验证form: { premiumCalculate: { seven: '', sevenNumber: '' }, insuredCompany: { insuranceServices: [] }, premiumRate: {} },、、prop 就要这样写了<el-form-item label="本保险年度内需要提供的事故预防服务" prop="insuredC

2021-10-19 16:58:56 1879

原创 uniapp swiper如何自适应高度占满屏幕剩余高度

首先获取屏幕总高度在获取当前swiper 距离顶部得位置屏幕总高度减去当前swiper 距离顶部得位置剩余的赋值给swiper高度让scroll-view scroll-y 溢出可以滚动html 代码 <swiper class="swiperss" :current="activeIndex" @change='tabchange' :style="{height:swiperheight}"> <swiper-

2020-08-21 11:30:42 5112 1

原创 vue中使用axios 请求接口报错如何解决跨域问题

相信很多小伙伴在请求接口的时候都遇到这个错误当我请求这个接口的时候报这个错误这个就是遇到跨域问题。那么什么是跨域呢因为浏览器的同源策列所及需要跨域同源即端口域名协议相同在vue中使用axios请求如何解决跨域呢首先在 config 文件下打开 index.js 找到 proxyTable:{} 对象添加下面这段代码'/api':{ targe...

2019-12-18 18:36:05 1355

原创 css页面点击文字出现蓝色背景去掉方法

-ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select: none;　-moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/在指定的区域加上这些属性就行了加上以后该文...

2019-12-12 16:15:52 1341

原创 vue中如何实现中英或多语言切换

为什么要多语言切换呢因为我们要前端国际话今天就给大家讲解一下如何实现多语言切换首先使用cmd窗口安装 vue-i18n 包npm install vue-i18n --save-dev然后在main.js中引入import VueI18n from 'vue-i18n' //导入包Vue.use(VueI18n); //使用use挂载const i18n=new Vue...

2019-12-11 12:22:11 1920 1

原创 css实现文本溢出隐藏用省略号代替

如何实现这种效果呢如图所示首先要给内容外盒子设置宽度然后加上这三个css属性就ok了text-overflow: ellipsis;overflow: hidden;white-space: nowrap;

2019-12-11 11:56:54 239

原创鼠标滑入图片或盒子变大

话不多说直接上代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box{ width: 100px; height: 100px...

2019-12-09 16:04:25 1379

原创 vue项目使用 npm run build 打包后出现样式错乱问题解决方法

检查组件内的标签是不是没有加scoped不加scoped打包后容易引起样式错乱正确规范应该这样scoped 作用style样式只在本组件内有效，防止别组件类名或标签一样样式冲突。...

2019-11-25 17:18:31 4030

原创 vue移动端项目如何在真机测试

通常大家在写移动端项目的时候都想在自己手机上测试一下看一下效果确保无误后在上线，虽然许多浏览器都有模拟手机功能但不如真机来的实在那如何测测试呢请看下面第一步打开搜索栏输入cmd命令打开窗口第二步输入ipconfig找到本机ip地址第三步找到项目下的config文件下的index.js下的host：修改为本机ip地址然后重新启动项目npm run dev把项目地址复制下使用草料二维码生...

2019-11-25 17:06:08 1642