- 博客(13)
- 收藏
- 关注
RSS订阅原创 Vue的计算属性和监听属性
1、计算属性 computed当依赖数据发生变化时，计算属性会被重新计算。有且只有在依赖数据发生变化时它才会重新计算，其他的数据变化对计算属性。应用场景：数据的计算显示、v-for用v-if的计算。 <div id="example"> <div id="demo">{{ fullName }}</div> </div> <script> var vm = new Vue({
2022-04-13 14:47:57
2266
原创 Vue父子组件和兄弟组件通信
一、父子组件通信1、父组件向子组件传值，通过props传值。父组件代码：<template> <div class="section"> <child :list="list"></child> </div></template><script>import child from './child.vue'export default { components: { child }, d
2022-04-12 14:30:33
917
原创 JavaScript 字符串方法运用
1、indexOf() 方法，返回字符串中指定文本首次出现的索引（位置），如果不存在该文本返回“-1”，第二个参数为检索开始的位置，直到结束位置。var str = "The full name of China is the People's Republic of China.";var pos = str.indexOf("China");//返回结果 172、lastIndexOf() 方法，返回指定文本在字符串中最后一次出现的索引（位置），如果不存在该文本返回“-1”，第二个参数为检索开始
2022-04-07 15:41:21
692
原创 javascript 数组方法的运用
1、toString()方法，将数组转化为以逗号分隔的字符串。var Arr = ["Banana", "Orange", "Apple", "Mango"];var Str = Arr.toString(); //返回结果Banana,Orange,Apple,Mango2、join()方法，将数组转化为自己定义标识分隔的字符串。var Arr = ["Banana", "Orange", "Apple", "Mango"];var Str = Arr.join('-'); //返回结果Ban
2022-04-07 14:55:08
535
原创 Vue 声明周期
一、Vue渐进式框架 **声明式渲染 > 组件化应用 > 客户端路由 > 集中式状态管理 > 项目构建** 声明式渲染：我们只需要告诉程序我们想要什么效果，其他的交给程序来做。 组件化应用：可将每个功能模块当成一个组件，一个项目中有多个组件相互构成。 客户端路由：通过使用路由的特性实现单页面应用。 集中式状态管理：vue中的vuex的概念。 项目构建：在大型的项目中由开发、打包、部署、上线等流程。二、...
2022-04-07 11:13:04
615
原创 js 兼容ios时间 new Date(‘xxxx-xx-xx‘) 解决方案
若按照正常写法new Date("2020-07-15 00:00:00").getTime();在ios会解析失败，结果为NaN。该结果的原因是因为ios不识别该时间的格式，ios只识别”2020/07/15 12:12:12“的格式，所以只需要把时间的格式进行转换即可。如果是"2020-07-15 00:00:00"这种格式，需要进行格式转化为"2020/07/15 00:00:00")，解决方案：new Date("2020-07-15 00:00:00".replace(/-/g,'/')
2020-07-15 15:33:07
714
原创 vue el-table 如何实现表格根据分页索引自增长
在el-table 里设置type=“index”，可以实现表格的索引自增长，但是如果我们给表格增加了分页，切换页面索引任然是从1-20（20是自己分页的数量），那么想要实现根据分页索引子增长就需要进行index的自定义，实现原理很简单”页数*数量“就行，但是要注意自定义索引是从0开始的需要进行处理；<el-table-column type="index" label="序号" :ind...
2020-04-15 11:48:59
1243
1
原创 vue项目 el-input输入框字符限制，只显示英文及数字
element的el-input没有限制输入的内容，想要限制输入内容就需要自己来开发，我使用的方式是正则来判断进行再次赋值实现的， 不废话上代码；<el-input v-model="accountVal" maxlength="24" @input="accountInput" placeholder="请输入用户账号"></el-input>通过监控输入框的事实输...
2020-04-14 14:50:04
13348
3
原创 el-input-number 如何实现默认不填充0
只需要把数据设置未”undefined“的就可以了<el-input-number v-model=“num” @change=“handleChange” :min=“1” :max=“10” label=“描述文字”>
2020-04-03 10:39:24
4799
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人