
小程序配置文件介绍——简明教程(三)
我们小程序的一个目录结构的时候,也就是上一章节,具体可以去看我的上一章。
我们可以知道我们小程序它的配置文件其实是有两个,一个是我们目录底下的全局配置文件,另一个是我们页面的配置文件,那么这两个文件他们都可以配置那些属性和内容呢,我们一起来看一下。
更加直观可以看到这个图:
一、全局配置
全局配置可以设置5项。
1、pages
pages主要是注册微信小程序的所有页面。
2、tabBar
tabBar的作用是如果我们的小程序是一个多tab的引用,我们就可以通过这个tabBar的配置,来指定我们tab栏的表现。
3、networkTimeout
networkTimeout这个选项可以去设置我们各个网络请求的超时时间。
4、debug
我们也可以通过开启deb...

小程序代码结构——简明教程(二)
一、下载
微信小程序的开发工具是在微信开发者平台下面的工具栏下载,具体地址是:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html。
这里有三个版本,Windows 64 、 Windows 32 、 macOS。大家可以自行选择下载。
二、登录
下载好之后我们需要登录使用,需要进行微信的扫码登录,在登录之后我们可以看到这样的一个界面,左下角有我们微信账号的一个头像,我们也可以去切换我们的一个账号。
三、界面介绍
我们可以去创建两种项目,一种是小程序的项目,另一种是公众号网页的项目,这里我们选择去创建一个小程序的项目。
点击创建小程序项目,这个界面需要我们去输入三种信息,第1...

5步完成微信小程序开发前准备——简明教程(一)
开发微信小程序之前我们申请小程序账号。又分为5个步骤,第一我们需要去注册一个微信小程序的账号,第二我们需要去激活我们微信小程序账号绑定的邮箱,第三我们需要对我们小程序账号的一个主体信息进行登记,其次我们需要去登录微信小程序管理后台,第五我们需要进入管理后台,对我们微信小程序进行一个相关信息设置,如果我们是多人协同开发的话,我们还需要去管理后台绑定我们的开发的信息,下面我会带大家详细介绍。
一、注册小程序账号
如何申请一个微信小程序的账号?下面我们一起来看看我们怎么去官网申请一个微信小程序的账号,首先我们需要去打开微信公众平台的官网:https://mp.weixin.qq.com/ 。
可以看到这里我们可以注册4种类型的账号,分别是订阅号,服务号小程序和企业微信。这里我们选择...
JS事件冒泡的理解和阻止事件冒泡
一、什么是时间冒泡
事件冒泡是微软提出的事件流。事件冒泡可以形象地比喻为把一颗石头投入水中,泡泡会一直从水底冒出水面。也就是说,事件会从最内层的元素开始发生,一直向上传播,直到document对象。
理解了这个概念,所以在p元素上发生click事件的顺序应该是p -> div -> body -> html -> document。所以如果p和div元素都具备点击事件,那么两个事件都会执行。这使得我们需要阻止一个事件的执行。
二、阻止冒泡
js冒泡和捕获是事件的两种行为,所以可以使用event.stopPropagation()起到阻止捕获和冒泡阶段中当前事件的进一步传播。使用event.preventDefault()可以取消默认事件。
w3c的方法...
vue项目抛出_self.$scopedSlots.default is not a function异常——已解决
做项目的时候不知道为啥抛出了一个这样的错误:_self.$scopedSlots.default is not a function,查了一下,具体原因有两种:
原因:
1、html中多出使用v-if导致渲染导致判断上的凌乱,使用表格时做了v-if判断;首次渲染没有问题;反复操作便会报错;
2、使用多个<el-table>导致。
解决的办法可以是:
1、用v-show替代v-if;
2、给每个<el-table>加个key属性(页面中有多个table时,加key做区分,不然就会保错) <el-table :data="tableDataInstall" key="tableDataInstall">
如果你也为<el-table&...
element-UI点击当前行row-click的使用事例
如何实现点击表格的当前行实现某些操作?也就是表格当前行的时间。例如我们使用element-UI中table表格。可以使用row-click绑定事件获取表格element-UI中table表格的当前行的数据的id。
element UI 的row-click事件如何使用参数?
点击行就会触发handdle事件,row, event, column参数不需要写在html中,再方法里直接使用就可以了。
例如:
<el-table
:data="buildingRankList"
@row-click="openDetails"
>
<el-table-column type="selection" width="40"></el-tabl...
el-form-item时间格式和时间转换
使用element-ui的时间选择器el-time-picker的时间是用属性绑定的,如果我只想显示小时和分,即使去掉:picker-options的秒,直接是不显示时间了,因为破坏了时间的格式。那应该怎么在element-ui中的时间选择器el-time-picker中设置时间显示的格式呢?
例如下面是原来框架的示例代码:
<template>
<el-time-picker
v-model="value1"
:picker-options="{
selectableRange: '18:30:00 - 20:30:00'
}"
placeholder="任意时间点">
</el-time-pick...

vue项目中filter如何获取data中的数据——已解决
filter是vue事例的属性过滤器,但是,如果在filter中获取data的数据会发现不存在该数据,为什么呢,查了一下,发现因为filters中的this指的并非vue的实例。如果用this,指向的是全局的this,而不是vue事例。
解决办法:
步骤一:
首先定义一个全局的变量。
<script>
let that
export default {
}
</script>
步骤二:
然后在vue创建前的生命周期钩子函数中将that指向this。
这样做的目的是在vue初始化的时候就让全局中的变量that=this。
beforeCreate () {
that = this
}
步骤三:
然后就可以在filter中通过that...
共计 150 篇文章,19 页。