yuzenan的博客

记录下小组件，方便日后用到template<template> <view class='main'> <view class="title"> <view class="nav" @click="cancel">取消</view> {{BrandNumber}} <view class="nav" @click="confirm">确认</view> </view> <

<el-date-picker v-model="time" type="month" value-format="yyyy-MM" range-separator="至" start-placeholder="开始月份" end-placeholder="结束月份" :picker-options="pickerOptions" />大于当前日期不可选 time: [], pickerOptions: { disable

使用组件，然后设置http-request，覆盖默认的上传行为，可以自定义上传的实现<el-upload action="#" :show-file-list="false" :http-request="httpRequest"> <el-button type="primary">选取文件</el-button></el-upload>methods方法写法如下，fileResult得到的即为Base64格式，主要用到的是FileReader

Highcharts安装npm install highcharts --save 如果cnpm装不上，采用cnpm本码农用npm就是装不上，可能是网络原因，最后才用的cnpm安装成功的cnpm install highcharts --save 页面<template> <div> <div id="highcharts" /> </div></template> <script>import

一、事件绑定到页面1.在 mounted 生命周期函数注册滚动条事件mounted() { window.addEventListener('scroll', this.windowScroll)}2.在 methods 方法里使用methods: { windowScroll() { // 滚动条距离页面顶部的距离 let scrollTop = window.pageYOffset || document.documentElement.scrollTop ||

arr.sort(function (a, b) { if (a.level) { return 1 } else { return -1 } })

前言业务需求：根据用户输入详细地址，获取地址的经纬度传给后台，但是不要地图。准备内容1.安装josnp，解决跨域，不安转会报跨域问题执行命令：npm install vue-jsonp --save入口文件main.js添加：import VueJsonp from 'vue-jsonp'Vue.use(VueJsonp)基本使用方法：this.$jsonp(地址, 传参参数对象{} ).then(json => {　　// 返回的内容 conso

业务需求：勾选当前页数据，切换到下一页面，在切回上一页面，之前勾选的数据应该是勾选状态参考文档：https://element.faas.ele.me/#/zh-CN/component/table1.绑定事件和列表属性：要绑定如下： 1-1.row-key：行数据的 Key，用来优化 Table 的渲染 1-2.selection-change：当选择项发生变化时...

前言：业务需求同时需要传给后台id和name，虽说不理解，但是需求提了就要做。思路：先想到的就是拼接字符串方式，以逗号隔开绑定到label上取值：在向后台接口发送数据时，拆分成各字段所需要的值给接口赋值：接收后台数据，将各自值拼接回字符串给新数组，组合成新的数组，绑定到data内具体代码如下：html：<el-checkbox-group v-model="data...

MQTTBox测试工具使用文档：https://www.hangge.com/blog/cache/detail_2350.htmlMQTT安装npm install mqtt项目使用export const MQTT_MQTTIP = 'ws://127.0.0.1:8080'export const MQTT_USERNAME = 'admin'export ...

第一步：去阿里图标矢量图标库将图标添加入库https://www.iconfont.cn第二步：点击右上角购物车小图标，点击添加至项目，添加你所要引入的项目内：第三步：再到我的项目中，有两种方式可以引入，如下：1.本地引入：选择Font class，然后点击下载至本地引入方式，在main.js中全局引入iconfont.css：2.在线引入：选择Font c...

本文原文地址：https://www.limitcode.com/detail/59a15b1a69e95702e0780249.html回顾 npm install 命令最近在写Node程序的时候，突然对 npm install 的-save和-save-dev 这两个参数的使用比较混乱。其实博主在这之前对这两个参数的理解也是模糊的，各种查资料和实践后对它们之间的异同点略有理解。...

需要的东西：node.js环境（npm包管理器） cnpm npm的淘宝镜像 vue-cli 脚手架构建工具安装node.js从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以。安装完成之后，打开命令行工具，输入node -v，如图，出现版本号，则说明安装成功。npm包管理器是集成在Node.js中，在安装Node.js的时候就已经自带了...

计算属性：html：<div>{{result}}</div>js：computed:{ result() { return this.a + ' ' + this.b }}计算属性是有缓存机制的，如果a和b已计算过一次，那么当a和b的值不再发生改变，则不会再计算，可减少页面调用次数方法html:<div...

生命周期函数就是vue实例在某一个时间点自动执行的函数：服务器端渲染期间生命周期被调用总共有8个函数：1.初始化事件和生命周期：beforeCreate: function() { console.log("beforeCreate")}2.初始化注入和反应性：created: function() { console.log("created")}...

父组件是通过props属性给子组件通信的来看下代码：父组件：<template> <child :child="content"></child></template>data(){ return { content:'父组件内容' };}子组件通过props来接收父组件传过来的数据：（共...

我用的是：vue + element ui 直接代码。html：<template> <el-main> <el-col :span="24" class="warp-main" v-loading=""> <el-form :inline="true" class="demo-form-inline" v-for="(i...