zhan_lijian的博客

1.定义全局组件全局组件定义模式 创建文件夹 包含 index.js 配置文件 和 自定义组件 挂在在 vue实例底下 import OrgSelector from './orgSelector'const orgSelector = { install:function(Vue){ Vue.component("OrgSelector",OrgSele...

我们都知道 小程序有自带的 api 也有html5 的audio 标签但 小程序缺不内置了，咋办呢，肯定有办法解决的，如const recorderManager = wx.getRecorderManager() // 录音管理器 暂存器const innerAudioContext = wx.createInnerAudioContext() // 音频播放 （一段视频一个实例...

1.通常写法// 通常写法Vue.component("counter",{ //1.组件名为"conter"; 2.data 写函数; 3.template 写组件的内容（元素和触发的事件） data:function(){ return {count:0} }, //template 是模板的意思，在 html 里面是一个可以同时控制多个子元素的父元素。在这...

最近遇到一个需求咋眼一看 跟我们所希望的 相差甚远啊 咋办呢看官方api，有个cunstom属性 自定义 但是对于原生组件 心好虚啊能不能另辟蹊径 用自定义组件呢 辣么原生的咋办呢当然 是 才有原生的cover-image 做条件控制 把原生的toast 给隐藏 不展示 wx.hideToast() 一直到底了// tabBar....

一.在github上下载压缩包，github下载地址：https://github.com/vuejs/vue-devtools二.解压到本地的某盘三.用你的npm中进入该文件夹下四.依次输:1:npm install （如果在这部报错的话，就改用cnpm install。 cnpm需要安装安装地址）2:npm run build (这一步一定不要忘了，没...

<template> <div class="remote"> <component :is="currentView" v-bind="$props"/> </div></template><script>import Axios from 'axios';import '@/utils/less....

首先sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。服务端：sockjs-node（https://github.com/sockjs/sockjs-node）客户端：sockjs-clien（https://github.com/sockjs/sockjs-client）如...

vuex可以进行全局的状态管理，但刷新后刷新后数据会消失，这是我们不愿意看到的。怎么解决呢，我们可以结合本地存储做到数据状态持久化，也可以通过插件vuex-persistedstate。1.手动利用HTML5的本地存储方法1、vuex的state在localStorage或sessionStorage中取值；2、在mutations中,定义的方法里对vuex的状态操作的同时对存储也...

.lazy 并不是实时改变，而是在失去焦点或者按回车时才会更新.number将输入转换成Number类型.trim可以自动过滤输入首尾的空格iview 实例<Input type="text" v-model.trim="aa" @on-keypress="e =>{if(e.keyCode == 32) e.returnValue = false;}">&...

export const splitField = (obj, key) => { let str = '' key.split('.').forEach(i => { str += '["' + i + '"]' }) return eval('obj' + str)}

error: Your local changes to the following files would be overwritten by merge:方法1：如果你想保留刚才本地修改的代码，并把git服务器上的代码pull到本地（本地刚才修改的代码将会被暂时封存起来）git stashgit pull origin mastergit stash pop如此一来，服...

有一个项目需要引入图表，当时有两种选择一种是mpvue-echarts，一种是F2，而我经过踩坑之后依然决然的选择了mpvue-echarts，简单快捷容易上手，主要之前用过比较熟悉。import * as echarts from 'echarts/dist/echarts.min'引入后再打包少了2M左右但是还是大啊,查看了webpack后发现,因为是开发环境,所以没进行Uglif...

默认的 settings.json 配置项可能不一样，现在只需要往json中写入以下配置就可格式化vue啦。"vetur.format.defaultFormatterOptions": { "prettier": { "semi": false, "singleQuote": true }}可能会出现 分号和双引号确实不会再自动添加了，但是不会在方法括号之间插...

一、js的sort()方法arr = [{a:1},{a:2},{a:3},{a:1}]arr.sort((arg1,arg2)=&gt;{ if(arg1.a&lt;arg2.a){ return -1 } if(arg1.a&gt;arg2.a){ return 1 } return 0})// 打印 arr [{a:1},{a:1},{a:2},{a:3}]...

首先要安装、使用 vuex 参考官网首先在 vue 2.0+ 你的vue-cli项目中安装 vuex : npm install vuex --save然后 在src文件目录下新建一个名为store的文件夹，为方便引入并在store文件夹里新建一个index.js,里面的内容如下: import Vue from 'vue';import Vuex from 'vuex';...

首先是引入 axios npm i --save axios 服务这么多当然要封装啦 跨域 就是要通过 proxy 代理成自己的服务// request.jsimport axios from 'axios'import store from '@/store'let instance = axios.create({ baseURL: store.state.bas...

代码永远都是最好的诠释引入控件&lt;el-cascader :options="options" @active-item-change="getNodes" :props="props"&gt;&lt;/el-cascader&gt;动态处理获取子节点&lt;script&gt;import { getProviceList, getCityList, getAreaLi..

在vue官网2.2.0的api新增的model选项，可以帮助我们实现父子同步通信。1. modelmodel的类型定义如下，它有两个属性prop，event.一个组件上的v-model会把 value用作 prop把 input用作 event类型：{ prop?: string, event?: string }model: { prop: ‘value1’, // p...

直接上图上代码 清晰明了&lt;div id="demo"&gt; 姓：&lt;input type="text" placeholder="firstName" v-model="firstName" /&gt;&lt;br /&gt; 名：&lt;input type="

说到打包肯定是 npm run build ，这是肯定没错的  但是我们涉及多环境咋办呢 ，也是手动改配置吗 这当然是阔以的 但麻烦，下面我们通过增设命令打包到不同环境 ，我暂时先分 development(开发)、test(测试)、pre(预生产)、product（生产）首先来看一下项目目录一、 建立环境配置在config 目录下 建立    pre.env.js   test...

介绍:小程序的 from_id 要在用户发生操作的时候才能产生，所以我们可以用以下方法来做 （手动触发，保存formID，后台接收保存在数据库里） 什么是formIdformId是小程序可以向用户发送模板消息的通行证，简单而言，你只有获取到formId，把它交给后台，后台同学才能向用户发送通知消息，而这个通行证的有效期只有七天。这是微信为了防止小程序滥用通知消息骚扰用户而提出的一种策略...

有时需求涉及表头动态加载 ，肯定是涉及渲染了 代码如：cols: [ { label: "节点编号", prop: "node", type: "normal" }, { label: "名称", prop: "name", type: "normal" }, { label: &quo

小程序下拉刷新 都是我们习以为常了吧一直说 下拉有两种方式 scrollview 和onPullDownRefresh（小程序自带的api）辣么实现操作呢很多人讲利用 用"enablePullDownRefresh"：true 这是没有错的 但到底怎么使用呢，那我来说一下第一、 在app.json文件中 window对象下 定义// app.json"window"...

一、在项目根目录下安装npm install --save js-base64npm install --save js-md5二、在项目文件中引入（main.js 作为全局变量）import md5 from 'js-md5';let Base64 = require('js-base64').Base64; ==== import { Base64 } fro...

http-server 简介http-server 是一个简单的零配置的命令行http服务器，它足够强大便于生产和使用，用于本地测试和开发。有时候我们打开一个文档使用file协议打开的时候，不能发送ajax请求，只能使用http协议才能请求资源，具体的区别大家可以去参考[这篇文档] (https://www.cnblogs.com/lishanlei/p/9327646.html)，所...