2019年02月_就像风1样

原创 vue实现按字母选择城市，点击字母跳转对应项目demo(含修改滚动条样式)代码全

先上图看效果需求：顶部接口获取热门城市及城市Id，中部通过点击哪个字母底部自动跳转到哪个字母那一项获取城市id按字母城市列表json 链接：https://pan.baidu.com/s/126kgYEIBPwc8z-UgKcV4GQ 提取码：wt8u三级城市列表json链接：https://pan.baidu.com/s/1Qf4YsgJelHLyihKbAFw...

2019-02-28 14:32:06 4148

原创 vue中引用富文本编辑框vue-quill-editor，自定义工具栏，修改placeholder默认值

vue-quill-editor官网链接：https://quilljs.com/基于webpack和vue一、npm 安装 vue-quill-editor二、在main.js中引入import VueQuillEditor from 'vue-quill-editor'// require styles 引入样式import 'quill/dist/quill.c...

2019-02-27 15:14:06 3930

原创 vue基于webpack因域名变化修改接口请求端口

修改 config 目录下面的index.js 文件module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/api': { target: 'http://124.207.68...

2019-02-27 10:08:25 2931 3

原创 vue基于element三级联动城市功能(完整demo代码)级联菜单

先来张图（包含2级联动）：三级城市数据 json链接：https://pan.baidu.com/s/1NKJcN4VFe4MuqRwKJD3PXg 提取码：gspv和同事一块开发的项目！之前没用element做过城市联动，这里同事写好的拿来复用，感觉方法还可以记录下来直接上代码（包含2级联动），请忽略多余部分代码<template>...

2019-02-23 11:11:40 2566 1

原创 vue多个倒计时vue倒计时vue列表倒计时(单个,列表倒计时,秒杀)vue渲染列表倒计时

先看效果图！代码分别在下面展示先看单个倒计时：代码：<div class="titRight"> <div class="top"> <p>{{detailsListDetails.cate1_name1}}</p> <p>还有{{detailsListDetail...

2019-02-21 17:16:15 8784 24

原创 CSS阴影样式大全(包含所有样式： demo代码全)看图看代码

常用的样式：下面还有特殊的效果 <html><head> <title></title> <style type="text/css">/**/.flex{display:fl

2019-02-20 17:08:18 28319 7

原创 css修改滚动条的默认样式（页面及div元素等...的滚动条）

直接上代码了html代码<div class="inner"> <div class="innerbox"> <p style="height:200px;">这是内容111</p> <p style="height:400px;">这里是内

2019-02-18 11:06:46 1027

原创 vue复选框的用法，单个,多个复选框（简单demo代码全）点击复选框事件

上图样式是默认的，其实自己可以改些CSS样式更好看些代码全：<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - 单个,多个复选框</title><script src="https://cdn.staticf...

2019-02-17 17:25:54 8316

原创 vue提示弹窗，抖动弹窗过渡动画demo（代码全,完整实例）显示抖动，右侧

先看效果。再上全部代码：（抖动的速度快 GIF录的效果不好）废话不多说直接上代码()<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例抖动弹窗 (runoob.com)</title><script src="https...

2019-02-17 16:43:05 1053

原创 vue跳转到新页面，打开一个新的页面

有时候后我们会需要在一个新窗口打开页面，而我们都知道，vue是单页面的应用，通过router在内部跳转的。但是依然有办法实现这个需求。刚开始在网上找了一下，有两种方式，一种是给router-link标签添加tag=a跳转打开新窗口,亲测有效。<router-link tag="a" target="_blank" :to="{name:'detail',query:{goodsId:...

2019-02-17 14:16:37 35915 3

原创 vue父组件调用子组件父页面的方法

vue中如果父组件想调用子组件的方法，可以在子组件中加上ref，然后通过this.$refs.ref.method调用，例如：父组件：<template> <div @click="fatherMethod"> <child ref="child"></child> </div></template&g...

2019-02-15 18:08:35 8823 1

原创 vue子组件调用父组件父页面的方法

如图：选择城市后，页面重新请求数据！（城市选择是子组件）选择完后不刷新页面，重新调用接口渲染主页面！第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法父组件<template> <div> <child></child> </div></template&gt...

2019-02-15 17:07:48 30253 3

原创 VUE调用本地json，添加json文件的使用方法

开始的时候我以为，用vue去调取json要多么的麻烦，完咯就先去的百度，找了几个，看上面又要配置这配置那的，看的我都头大，像一些思维逻辑清晰的肯定不会出现这种情况。第一种方法通过配置，直接引用import data from "../../static/data/city.json"第二种方法下面我说下我这的情况，大家依情况代入当然vue你刚开始创建的话，你是要去配置下...

2019-02-14 17:10:25 1490

原创后端获取接口数据属性为中文JSON取值(key是中文或者数字)处理方法

JSON取值(key是中文或者数字)方式详解先准备一个json对象用于演示var json = {'name':'zhangsan', '年龄':23, 404:'你可能迷路了'};1.使用JS中with关键字with(json) { console.log(name);//输出:zhangsan console.log(年龄);//输出:23 console.lo...

2019-02-12 15:59:40 8521

原创 js实现随机验证功能（随机数）demo代码全

验证码验证是网页常出现的一个验证点，所谓验证码类型有很多，下面代码只是实现一个简单的验证功能。html<div> <input type = "text" id = "input" value="" /> <input type = "button" id="code" onclick="c

2019-02-12 15:52:43 927

原创 span标签内文字自动换行修改

<span style="width:80%;word-break:normal;display:block;white-space:pre-wrap;overflow:hidden;color:#0066CC;">你所要显示的文字</span>white-space -- 通过HTML文档的源代码的排版方式控制页面显示文本的排版方式取值: normal | pr...

2019-02-12 15:46:43 871

boy火巨的博客