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 点击下载

app沉浸式导航栏相关处理

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

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

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

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