Element-ui Cascader 级联选择器 同时返回 value 和 label

给 cascader 组件赋值一个别名 ref=”cityData”

1
2
3
4
5
6
7
<el-cascader
ref="cityData"
placeholder="请输入所属区域"
:options="options"
v-model="area"
>
</el-cascader>

在 2.9.2 后官方新增了 getCheckedNodes() 方法

该方法返回选中节点的 array,如果是单选的话,使用

1
this.$refs.cityData.getCheckedNodes()[0].pathLabels 

ps: 城市JS 点击下载

node入门(三) -如何使用node上传图像到服务器

一、首先配置MongoDB,在node中连接
(1):下载安装MongoDb
官方下载链接: 下载地址
下载 Windows 64-bit x64 msi 格式的,完事直接傻瓜式安装(切记记住安装位置)。
为了方便使用,可以下载一个mongodb的可视化工具,Robo 3T.(下方有下载地址)

链接:https://pan.baidu.com/s/16Jr6ezRuM0y9KM5CppUEwg
提取码:bqnh

下载完成后,先打开mongodb的安装目录,打开bin文件夹然后双击mongod.exe

运行成功后打开浏览器,输入127.0.0.1:27017如果看到下图提示则表示

node入门(二) -浅析Express开发框架

如果想用node快速的搭建一个WEB站点,那么可以选择Express 框架,Express是基于 Node.js 平台,快速、开放、极简的 Web 开发框架.

一、初始化安装Express

(1)全局安装Express
1
npm install express-generator -g

安装的时候有的可能会报错,原因是没有node的操作权限。解决此问题要以管理员身份运行cmd,执行下列代码。

  

node入门(一) -node的简单理解

刚开始学习前端的时候接触过一点node,不过技术这种东西,一段时间不用就忘光了。现在想着重新捡起来,慢慢的从头开始看一下。
打算借助node 的 Express框架来学习,

一、什么是node


百度搜一下node百度百科上很清晰的写着:Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。node.js就是把浏览器的解释器封装起来作为服务器运行平台,用类似javascript的结构语法进行编程,在node.js上运行。简而言之,Node 为我们提供了一个无需依赖浏览器、能够直接与操作系统进行交互的 JavaScript 代码运行环境!
  

手机网页版微信分享以及微信授权

微信分享,第一次接触会发现很多坑。网页版微信分享是不支持按钮去分享的,只能通过微信右上角的按钮去分享。通过按钮分享的目前只支持APP。其实这样一来H5的分享就简单了很多。只需要调用微信官方出的微信jssdk,加上些许配置,就可以实现h5页面在微信上的分享,点击进入官方api文档;
注意:这里使用的都是微信官方最新的文档

一、首先获取配置所需要的参数

首先使用已有公众号的appid,然后根据这个appid和url向后端发起请求,拿到配置所需要的参数:timestamp( 时间戳)、noncestr(随机字符串)和signature(签名)。

所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用

二、项目引入微信jssdk

引入方式有两种,各取所需:

(1)、通过导入依赖包
首先通过npm 安装依赖
1
npm i -S weixin-js-sdk

  

app沉浸式导航栏相关处理

在移动端,很多的app都需要设置沉浸式导航栏,但是手机适配又成了一个很大的问题,所以通过获取手机状态栏高度,再增加页面padding的方法应该是最好的,可以适应各种妖孽手机,首先需要在HBuilder的配置文件中设置沉浸式导航,找到manifest.json文件下的plus对象,然后贴如下面代码:

1
2
3
"statusbar": {
"immersed": true/*沉浸式状态栏*/
},

下面代码片段是获取移动端状态栏高度的。
注:此代码写在main.js中

调用手机扫描二维码功能

调用Hbuilder 二维码plus模块 来实现 二维码扫描功能,二维码的状态和使用最好在vuex中赋值,以方便控制。在mounted阶段调用下面代码片段

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
startRecognize(){
let that = this
if (!window.plus) return
// 使用vuex来创建scan二维码
that.$store.commit('changescan', new plus.barcode.Barcode('qrcode'))
// 设置扫描之后的函数回调
that.$store.commit('changeonmarked',onmarked)
// 开始扫描
that.$store.commit('staticScan')
//设置扫描二维码页面样式,根据需求自行调整
barcode.setStyle({
background:'#8f9494',
height:"100%"
});
//成功之后的函数回调
function onmarked(type, result, file) {
switch (type) {
case plus.barcode.QR:
type = 'QR'
break
case plus.barcode.EAN13:
type = 'EAN13'
break
case plus.barcode.EAN8:
type = 'EAN8'
break
default:
type = '其它' + type
break
}
// 获得扫描的二维码路径
result = result.replace(/\n/g, '')
//在data中设置变量codeUrl
that.codeUrl = result
}
}


在退出二维码页面时需要将二维码扫描关闭,不然会一直在页面中显示
  

HBuilder 开发,Android自有证书生成及打包

1、打开config/index.js 文件
修改build 下的assetsPublicPath路径

1
assetsPublicPath: '/', 改为 assetsPublicPath: './',

2、打开build/utils.js文件 搜索‘publicPath’ 修改为
1
publicPath: '../../'

第二步、生成安装包所需证书

安装包生成 可以使用DCloud 的HBuilder 或者APICloude 。双方各有其优点,这里以HBuilder 为例。

1、首先是Android的证书文件生成,首先勾选使用自有证书:

  

:D 一言句子获取中...