5 猿者上钩

尚未进行身份认证

暂无相关简介

等级
TA的排名 33w+

vue封装组件调用时绑定click事件

我们在开发中会封装许多的通用的组件,那么如何封装好一个组件时,在调用的时候绑定click事件呢?1.child组件<template> <div class="child" @click="$emit'childClick',123) /> //说明:第一个参数:childClick ,是事件名,在调用的时候需要用到,第二个参数123,是你在调...

2020-05-15 16:51:00

vue cli3 区分开发环境,测试环境,正式环境(二)

1. 在根目录下新建 .env.xx (xx可以是自己取的用来区分这三个环境)下面是我新建的,分别对应测试环境,开发环境,正式环境2. 配置测试环境:NODE_ENV = 'production'VUE_APP_FLAG = 'test'outputDir = 'test'开发环境:NODE_ENV = 'development'VUE_APP_FLAG = ...

2020-05-07 09:27:00

vue 动态修改网页标题 title

1、安装npm install vue-wechat-title --save 或 npm install vue-wechat-title -S2、使用,在main.js中引用插件import VueWechatTitle from 'vue-wechat-title'Vue.use(VueWechatTitle)3、在路由router文件 index.js 中给每个...

2020-04-28 17:42:00

vue移动端适配(px转vw)postcss-px-to-viewport配置

安装postcss-px-to-viewportnpm install postcss-px-to-viewport根目录新建postcss.config.js文件//postcss.config.js文件module.exports = { plugins: { 'postcss-px-to-viewport': { unitToConvert: ...

2020-04-15 08:24:00

veu创建项目,自定义配置

选项含义Babel是一个js 编译器 用于让你的js语法向后兼容 在打包的时候 选TypeScript.ts 后缀 js的一个超集 我的理解是更高级的 兼容js的语法吧 不选Progressive Web App (PWA) Support什么渐进式网络应用程序 个人理解 应该是做应用方面的 不选Router这个是vue 家族的 用于管理路由的 ...

2020-04-14 17:18:00

vue cli3配置开发环境、测试环境、生产(线上)环境

cli3创建vue项目是精简版的少了build和config这2个文件,所以配置开发环境、测试环境、生产环境的话需要自己创建env文件。需要注意2点:1、cli2创建项目生成的config文件里的env文件是js后缀2、cli3创建自定义env文件的话不需要js后缀下面开始创建配置:一、直接在你项目的根目录创建三个文件(注意都没有后缀,直接创建新文件):.env.develop...

2020-04-01 09:31:00

vue封装axios

一、安装axiosnpm install --save axios二、在src下面创建文件夹api=>api.js(接口集合)+http.js(封装的请求)三、在main.js中引用api.js和http.js//引入两个文件import api from './api/api'import http from './api/http'//挂载到VUE实例,以便全局...

2020-03-25 16:39:00

Git上传新项目到Gitee

在码云客户端创建项目然后在要上传的项目文件夹中右键 Git Bush Here如下git config --global user.name "tuoni"git config --global user.email "tuoni@qq.com"git initgit remote add origin https://xxx //Gitee项目地址git add .g...

2020-03-25 14:14:00

Flex 布局教程:实例

一、骰子的布局骰子的一面,最多可以放置9个点。下面,就来看看Flex如何实现,从1个点到9个点的布局。你可以到codepen查看Demo。如果不加说明,本节的HTML模板一律如下。<div class="box"> <span class="item"></span></div>上面代码中,div元素(代表骰子的...

2020-03-17 10:15:00

vue项目使用Vant框架Rem适配(postcss-pxtorem、lib-flexible )的安装使用

1.下载lib-flexible使用的是vue-cli+webpack,通过npm来安装的npm i lib-flexible --save2.引入lib-flexible在main.js中引入lib-flexibleimport 'lib-flexible/flexible'3.设置meta标签通过meta标签,设置设备宽度以及缩放比例<meta nam...

2020-03-17 08:48:00

vue项目使用qrcodejs2生成二维码

1、安装cnpm i qrcodejs2 -S2、项目中使用HTML:<!-- 放置二维码的容器,需要给一个ref --> <div id="qrcode" ref="qrcode"></div>js:// 引入import QRCode f...

2020-01-05 15:32:00

Element ui select获取label的值

<el-select v-model="value" @change="change"> <el-option v-for="item in list" :key="item.id" :label="item.name :value="item.id"></el-option></el-select> ...

2020-01-05 09:46:00

vue+element-ui实现可折叠的树形表格

先看看效果图:一,首先创建一个公共的文件夹treeTable,里边放一个index.vue和eval.js先看看index.vue,原理就是在element-ui的基础上做了进一步改造。//利用element-ui的 <template slot-scope="scope">属性,在插入多级表格<template> <el-tab...

2020-01-02 09:22:00

momen.js记录下开发中用到的日期

1、计算当前周一到周日的日期​​​​​​​var weekOfday = moment().format('E');//计算今天是这周第几天var last_monday = moment().subtract(weekOfday-1, 'days').format('YYYY/MM/DD');//周一日期var last_sunday = moment().add(we...

2019-12-29 15:51:00

css小技巧 --> 单标签实现单行文字居中,多行文字居左

可能出现的尺寸场景:代码如下:<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, init...

2019-09-11 09:53:00

兼容ie7以上的 placeholder属性

ie头疼的placeholder<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="http://s28....

2019-08-22 16:11:30

vue标签内循环数据逗号分隔

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...

2019-07-30 15:49:00

js alert(“”)弹框 自定义样式

首先用css渲染一个样式#msg{ height: 2rem; text-align: center; position: fixed; top: 50%; margin-top: -1rem; line-height: 2rem; width: 100%;}#msg span{ color: #fff; ba...

2019-07-17 13:48:59

js实现图片上传本地预览

演示地址:https://xibushijie.github.io/static/uploadImg.html<!DOCTYPE><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <titl...

2019-07-16 15:37:00

css实现 textarea 高度自适应

此textarea非彼textarea ,有经验的老司机们应该知道html标签contenteditable这个属性。利用此属性使当前的标签成为可以输入的状态,等同于输入框。演示地址:https://xibushijie.github.io/static/textareaHeihgAuto.html<!DOCTYPE html><html lang="en"&...

2019-07-08 11:31:00

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。