2020年08月_Pilot Schuck

原创 HTML的＜button＞标签的 disabled 属性

实例一个被禁用的按钮：<button type="button" disabled="disabled">Click Me!</button>定义和用法disabled 属性规定禁用按钮。被禁用的按钮既不可用，也不可点击。可以设置 disabled 属性，直到满足某些条件（比如选择一个复选框），才恢复用户对该按钮的使用。然后，可以使用 JavaScript 来清除 disabled 属性，以使文本区变为可用状态。语法<button disabled="valu

2020-08-11 14:11:27 3266 5

原创移动端原生写Select选择器

主要是用于移动端的select选择器，然后结合了vee-validate表单校验的方法样式块 <div> <label>婚姻状况：</label> <el-select :class="{danger:errors.has('marriage')}" v-validate="required" name="marriage" v-m

2020-08-11 14:00:08 989

原创移动端的展开和收起级联框

样式<div :class="{'content':true,'hideForm':contactShow}"> <p class="title">联系人信息<span @click="contactShow=!contactShow">{{contactShow?"展示":"收起"}}</span></p></div>点击事件可以改变hideForm的属性，后面的文字也可以通过三元的方式来改变展开..

2020-08-10 17:19:43 616

原创＜input＞标签的 readonly 属性

实例带有两个文本字段和一个提交按钮的 HTML 表单：<form action="form_action.asp" method="get"> Name:<input type="text" name="email" /> Country:<input type="text" name="country" value="China" readonly="readonly" /> <input type="submit" value="Submit"

2020-08-10 16:47:09 3065

原创 vee-validate 表单验证用法主要用于移动端、ipad端使用

vee-validate 表单验证vee-validatevee-validate 一个轻量级的 vue表单验证插件。使用教程：1 安装：npm install vee-validate --save2 使用中文提示(按照教程捣鼓了，不行，自己摸索的写法。)main.js 添加import Vue from 'vue'import VeeValidate, {Validator} from 'vee-validate';import zh from 'vee-validate/di

2020-08-10 15:07:46 391

原创原生移动端input上传图片

这里写自定义目录标题原生上传图片acceptcapture浏览器兼容性原生上传图片<input type="file" accept="image/*" capture="camera" class="file" id="preImage1" @change="previewImage($event,'1')">accept1.在文件上传中使用 accept 属性，本例中的输入字段可以接受 GIF 和 JPEG 两种图像：如果不限制图像的格式，可以写为：accept=“imag

2020-08-10 14:34:04 728

原创在终端输入npm run serve时出现npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! test_vue_0613@1.0.0 dev: 错误的

最近遇到了一个问题，废了我九牛二虎之力终于给他解决了，原因竟然是这个有的人用的是用的是mac,有的人用的是windows，所以苹果系统有时候为了兼容会安装一些依赖包（比如：fsevents），而有的人为了方便会改成自己ip地址便于自己开发，但往往这样不利于其他同事开发,所以：知识点：在vue项目中每安装一个依赖，都会存在package.json里，就算删了也可以直接install但是多人联合开发就不行，因为每个人会下好多其他的依赖，所以不能都存在这个里只选择项目必须要的去存，也就是install

2020-08-06 11:58:29 9804

原创淘宝镜像nvm配置和文件配置

淘宝镜像配置：验证nvm是否安装成功：在cmd输入nvm version，有提示nvm版本信息，即安装成功2.然后输入nvm root，查看到nvm的路径信息，我的是C:\Users\Administrator\AppData\Roaming\nvm，所以在资源管理器上打开这个路径，找到里面的settings.txt，并打开在文本的最后一行中加入这两行代码node_mirror: https://npm.taobao.org/mirrors/node/npm_mirror: ht

2020-08-05 11:57:10 1017

原创一分钟学会nvm安装与使用和卸载，用来管理node版本

这里写自定义目录标题1、nvm是什么2、下载3、安装4、安装/管理nodejs5、命令提示1、nvm是什么nvm全名node.js version management，顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs。下面列出下载、安装及使用方法。2、下载https://github.com/coreybutler/nvm-windows/releases添加链接描述nvm-noinstall.zip：绿色免安装版，但使用时需进行配置。nvm-setup.z

2020-08-05 11:23:42 10796

原创 vm.$set

this.$set$set准备数据准备数据定义一个方法效果图触发方法效果图

2020-08-01 16:54:12 150

Jerry Man的博客