2019年06月_就像风1样

原创 vue简单上传图片，压缩图片功能实现（js原生通用）

可以先看只有上传图片的js完整demohttps://blog.csdn.net/qq_42221334/article/details/84827369vue 完整demohttps://blog.csdn.net/qq_42221334/article/details/93198417参考上传图片添加了canvas 方法压缩图片，判断图片宽度大于1000时进行压缩...

2019-06-29 10:23:39 4753

原创 vue实现评价星星功能（代码全）

代码：<template> <ul class="StarsWrap"> <li v-for="(i,index) in list" :key="index" @click="clickStars(index)"> <img :src="xing>index?stara:starb"/&...

2019-06-26 11:40:04 5582 5

原创 html中input禁止输入(禁止获得焦点)多种方法及input限制数字和长度

input禁止输入(禁止获得焦点)1： readonly规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。<input type="text" value="禁止输入，可以使用Tab键切换到该字段" readonly="readonly">2：disabled 被禁用的 input 元素可复制，不能接收焦点...

2019-06-24 14:33:46 20376 1

原创 vue开发for循环判断表单列表空值技巧

上传表单时经常判空，一个一个判断麻烦！这里提示个技巧：首先要有表单的集合，和提示内容的集合，表单输入内容时通过vue的v-model更改表单内容集合，通过循环param表单内容，对应的提示paramTips内容this.Tips为自己写的提示方法<script>export default { name: "feedShopping", data() { r...

2019-06-22 17:36:58 7559

原创 vue开发简单上传图片功能

vue简单的上传个图片的功能，主要代码：<template><div class="plan_list"> <div class="plan_name Upload_name">企业logo</div> <div class='Upload'> <input type=...

2019-06-21 15:45:16 3279

原创 vue开发实现单选多选功能

单选：只能选择一个代码：：（循环集合cities，点击哪个传值索引index，给对应的索引加上类名，初始化默认n为0）<ul class="box"> <li v-for="c,index of cities" :class="{checked:index==n}" @click="changeList(index)">{{c}}</li>&l...

2019-06-21 09:54:19 5288

原创 vue开发H5城市三级联动（代码全）

看图说话：1.安装组件：npm install v-distpicker --save2.调用代码（全）：<template> <div> <div class="head_top"> <div class="right r"> <div class="Cit...

2019-06-17 14:09:13 2681 1

原创 vue开发H5简单上拉加载功能代码全vue监听滚动底部

没用ui框架写简单的实现了下功能思路:上拉加载肯定要滚动到底部，所以就先监听滚动条滚动到底部然后执行分页+1请求数据push到渲染列表中即可；同时判断最后一页时不请求，展示无数据状态主要代码：1：监听滚动底部<script>export default { name: "index_SearchPage", data() { return...

2019-06-15 11:32:12 2362

原创 vue底部导航切换（原生切换图片）功能实现

需求：底部导航切换页面，同时切换图片。底部为公共组件组件代码：<div class="weui-tabbar"> <a href="javascript:;" class="weui-tabbar__item " v-for="(i,index) in tabs" :key="index" :class="{active:index == that...

2019-06-14 11:40:16 3735 2

原创 vue父组件向子组件传参

需求：头部为一个公用组件，跳转页面标题切换，同时控制返回键显示隐藏父组件代码(引用子组件) 同时子组件上传递参数textTitle和ifReturn：<template> <div> <headAssembly textTitle="消息" ifReturn="0"/> <div><template>...

2019-06-13 16:37:31 1967

原创 vue开发H5步骤详解（环境搭建+rem布局+域名配置+请求）

环境搭建01. 安装Node.js Node.js安装包及源码下载地址为：https://nodejs.org/en/download/、64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi02. 检测一下node版本，在cmd命令框框内输入命令 node --version 查看node是...

2019-06-11 10:02:45 20501

原创 vue配置本地和线上环境（域名）

vue本身为运行脚手架项目自家搭载了一个nodejs后台环境，本地可通过proxyTable来处理跨域问题，但是上线（或生产环境）之后改域名真是一件麻烦的事情，所以进行一些配置。config/index.js proxyTable: { '/apis': { target: 'http://www.baidu.com', //域名,主要修改这一块 ...

2019-06-10 11:16:43 4865

boy火巨的博客