主页

小程序配置文件介绍——简明教程(三)

我们小程序的一个目录结构的时候,也就是上一章节,具体可以去看我的上一章。 我们可以知道我们小程序它的配置文件其实是有两个,一个是我们目录底下的全局配置文件,另一个是我们页面的配置文件,那么这两个文件他们都可以配置那些属性和内容呢,我们一起来看一下。 更加直观可以看到这个图: 一、全局配置 全局配置可以设置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...

阅读更多