- 博客(14)
- 收藏
- 关注
原创 解决微信开发者工具打开微信小程序项目页面显示不出来
1.运用命令行安装依赖 npm i2.进入微信开发者工具点击工具选择构建npm,刷新页面就行.
2020-04-14 10:04:23 29275 2
转载 常用的正则表达式大全,三目运算符,复制到博客,方便遇到问题时查看
首先防止忘记三目运算符,先写:int b=(a>c)?a:c;解释:如果a>c成立,则int b=a; 否则,int b=c;正则表达式:1.校验数字的表达式 1. 数字:^[0-9]*$ 2. n位的数字:^\d{n}$ 3. 至少n位的数字:^\d{n,}$ 4. m-n位的数字:^\d{m,n}$ 5. 零和非零开...
2019-12-10 11:23:48 1098
原创 vue watch怎样同时监听三个值的变化并执行方法?
//用computed定义一个bindmodel对象,然后再去watch bindmodel computed: { bindmodel () { const { oldpassword, password, confirm_password } = this return { oldpassword, password, ...
2019-11-13 17:18:04 2580
转载 css 文本超出2行就隐藏并且显示省略号
今天做东西,遇到了这个问题,百度后总结得到了这个结果。首先,要知道css的三条属性。overflow:hidden; //超出的文本隐藏text-overflow:ellipsis; //溢出用省略号显示white-space:nowrap; //溢出不换行这三个是css的基础属性,需要记得。但是第三条属性,只能显示一行,不能用在这里,那么如果显示多行呢?css3解决了...
2019-11-12 10:22:26 785
原创 隐藏nav滚动条
1、如果想保持容器能够滚动,同时不想看到丑陋的滚动条,chrome、firefox和移动端上不考虑兼容性直接 element::-webkit-scrollbar{ display:none }2、移动端卡顿,加一个属性就能解决了 element{ -webkit-overflow-scrolling: touch;}...
2019-11-01 15:07:24 391
转载 解决style lang="scss"的问题
Vue安装sass的命令:1、npm install node-sass --save-dev2、npm install sass-loader --save-dev在进行第一步的时候,我们会发现用报了下面这个的错,在百度一下问题的时候,发现原因是:首先要知道的是,安装node-sass时在node scripts/install阶段会从 github.com 上下载一个...
2019-10-30 09:40:09 15718
转载 背景颜色随着轮播图的更换而切换
效果图:一. 安装swiper(我的swiper版本是"^4.5.0",)npm install swiper --save二.局部引入import Swiper from “swiper”;import ‘swiper/dist/css/swiper.min.css’;三.具体代码如下<template> <div class="content" r...
2019-10-29 18:35:45 6128 2
原创 关于vue中swiper轮播图组件使用,左右按钮
1、安装依赖npm install vue-awesome-swiper --save2、引入awesome-swiper支持全局引入和在组件中引入2种方式,如果项目中只有一个轮播的话推荐在组件中引入,有多个轮播则推荐在全局中引入。(1)全局引入方式,在main.js中添加以下代码import vueAwesomeSwiper from 'vue-awesome-swip...
2019-10-29 16:09:14 5417
原创 vue中可滑动的导航栏(用CSS样式完成)
<template> <div class="huadong"> <div class="bt"> <nav> <span @click="qh(index)" v-for="(item,index) in list" :class="{activ...
2019-09-26 10:48:39 1894 2
原创 vue中获取后台数据并分页
<template> <div> <div v-for="(item,i) in list" :key="i"> <p>{{item.name}}</p> </div> </div></template><script>var _t...
2019-09-24 15:21:02 6656
原创 vue中如何获取到input中的值
HTML:<input type="number" ref="abc">JS:var id=this.$refs.abc.value;或者使用v-modelHTML:<input :type="inputType2" v-model="password" class="PwdInput" ...
2019-09-21 15:01:30 3190
转载 Vue自定义Toast插件(亲测可用)
基于vue全家桶目录结构:├── components│ ├── Toast│ ├── ├── index.js│ └── └── index.css└── main.jscomponents/Toast/index.js/* 自定义 toast 组件 调用 this.$toast('hello world~', {duration: 1500...
2019-09-17 10:12:51 308
转载 vue+PHP+MySQL
Vue+PHP+MySQL实现一次性多图片上传,QQ空间朋友圈微博图片动态发表1.功能描述图片上传在大多Web项目中应该都是必备功能之一,单独上传一张图片比较容易实现,如果要一次性上传多张图片就会麻烦许多。不管是对前端还是后端来说,工作量都比上传单张照片要大得多。这次的博客就来总结一下如何使用Vue+PHP实现一次性上传多张图片。前端:Vue,Bootstrap (如果项目中没有这两个也...
2019-09-12 10:53:12 1908
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人