- 博客(16)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Vue开发必须知道的36个技巧
异步组件的渲染本质上其实就是执行2次或者2次以上的渲染, 先把当前组件渲染为注释节点, 当组件加载成功后, 通过 forceRender 执行重新渲染。用法:这个指令保持在元素上直到关联实例结束编译。然而，如果你传入了一个可监听的对象，那么其对象的属性还是可响应的,对象是因为是引用类型。注:匹配首先检查组件自身的 name 选项，如果 name 选项不可用，则匹配它的局部注册名称 (父组件 components 选项的键值)。场景:在网速慢的情况下,在使用vue绑定数据的时候，渲染页面时会出现变量闪烁。
2023-08-18 16:51:34
1429
原创 vue开发使用上拉加载更多之vue-infinite-scroll
使用vue开发web端或者移动端都会遇到上拉加载更多的问题，次方案可参考，如有疑问也可以在下方评论区和我说说
2022-01-13 16:41:57
1047
原创 关于element-ui的输入框限制只能输入数字的问题
关于element-ui的输入框限制只能输入数字的问题 这个问题我使用过很多办法,每一种都去尝试，但是结果都不太理想 比如以下的几种方法 注：我要的效果是，输入框内只可输入数字，除了数字其他什么都不可输入，包括标点符号，英文在内 第一种、使用el-input自带原生的 type=“number” 他存在着两个问题 首先，type="number"允许输入e 其次，maxlength属性也不生效 第二种、使用oninput <el-input v-model='width' onin
2021-01-14 13:01:17
22598
8
原创 后台管理系统模板
后台管理系统之路由跳转模板上效果图，这里是首页注意url的地址上图是进入之后的页面废话不多说，直接上代码文件位置 router >>>>> index.js这里就是进入的主页了接下来就是跳转之后的页面，这就是左边栏的代码和样式，是根据element-ui来制作的上面可能有些样式是不需要的，如介意的话可以自行删除接下来就是左边栏的每个文件的配置，这是个一级菜单这里是二级菜单的页面，后面的二级菜单直接copy就可以了，最后给大家看的就是项目的文件存放位置如果有什么地方做的不好的
2020-11-16 11:27:13
598
原创 表格数据单个字段根据状态码展示相对应得name值
表格数据单个字段根据状态码展示相对应得name值 我们用接口获取到的表格信息有些值是传的状态码，前端需要做一些处理，比如以下的表格数据单个字段根据状态码展示相对应得name值第一种转换方法第二种转换方法当然这些都是写死的，如果哪天我想多加一个状态呢？下面这个方法就很适合 第一种转换方法 //在页面中用v-if来判断状态码，==与相对应的状态码的时候展示相对应的数据 <template> <el-table-column prop="payMode" lab
2020-11-12 15:17:10
536
2
转载 JS获取格式为YYYY-MM-DD的当前日期
JS获取格式为YYYY-MM-DD的当前日期 var date = new Date(); var mon = date.getMonth() + 1; var day = date.getDate(); var DataTime= date.getFullYear() + "-"+ (mon<10?"0"+mon:mon) + "-"+(day<10?"0"+day:day);
2020-08-19 11:20:38
913
原创 vue获取input焦点
vue获取input焦点 有弹框的情况 <template> <div> <div> <el-button type="primary" plain :disabled="id?false:true" size="small" @click="buildBoard()">弹框</el-button> </div> <el-dialog title="选择模板" :visible.sync="di
2020-08-05 18:18:31
989
原创 vue回车直接查询
点击回车键触发查询 //input框添加回车事件@keypress.13.native <el-input v-model="name" @keypress.13.native="query" placeholder="请输入姓名" style="width:350px;"></el-input> //运用查询按钮的click事件 <el-button type="primary" plain @click="query()">查询</el-button>
2020-08-05 17:00:12
1188
原创 git 克隆远程仓库分支的代码
git 克隆远程仓库分支的代码 1. 普通克隆方式 git clone <远程仓库地址> 2 .克隆远程指定分支 git clone -b <指定分支名> <远程仓库地址> //例如 git clone -b dev 远程仓库地址
2020-08-03 17:19:15
348
转载 vue3.0启动报错！
注意这个提示要我们重新安装node-sass， This usually happens because your environment has changed since running `npm install`. Run `npm rebuild node-sass --force` to build the binding for your current environment.
2020-08-03 17:14:24
1404
原创 Vue本地存储
本地存储localStoragesessionStoragecookiesession localStorage 功能 localStorage 是否安全 不安全 存储时间 永久 能否跨域 不能跨域浏览器 存在哪里 存在浏览器 存储大小 5M sessionStorage 功能 sessionStorage 存储大小 5M 是否安全 不安全 ...
2019-12-31 10:41:00
400
原创 ES6.promise
复习总结 2019/11/18 ES6 变量： Var 重复定义不报错；没有块级作用域；不能限制修改 Let 变量；不能重复定义；有块级作用域；可以修改 Const 常量；不能重复定义，有块级作用域；不能修改 解构赋值 json={a:12,b:5}； let {a,b}=json; arr=[12,5,8] let [a,b,c]=arr; 两边结构必须一样 右边必须是个东西...
2019-11-23 19:03:13
180
原创 vue的使用方法
一、对于MVVM的理解？ MVVM 是 Model-View-ViewModel 的缩写。 Model 代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。 View 代表UI 组件，它负责将数据模型转化成UI 展现出来。 ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model和View。 在MVVM架...
2019-11-23 18:23:54
777
原创 ES6，方法及笔记
ES6 ES6的全称叫做ECMAScript或者ES2015 因为它是2015年出来的排行老六，所以怎么叫都是对的 为什么要用ES6 语言都在更新换代，JDK8、PHP7、Pychon3.7 支持更多语法，使用更方便 不用不知道，一用吓一跳，因为很方便 增强的工程性 写更大工程更方便 · 变量 var可以重复声明， 1） var 可以重复定义 2） let 不能重复定义 3） ...
2019-11-20 20:13:02
232
原创 Vue课堂笔记
第一天： APP类型 webAPP -> 移动端/M站 原生APP -> 通过IOS或Android语言开发的 hybridAPP -> webapp + 原生APP 什么是Vue Vue有点 两个核心点： 响应式 组件 其他优点： 易用 虚拟DOM 双向数据绑定 体积小 生态圈繁荣、学习成本低 SEO -> 搜索引擎优化 第二天 选项对象 <div id...
2019-11-20 19:30:55
576
原创 JS常用属性方法大全
JS常用属性方法大全 1.输出语句: document.write(""); 2.JS中的注释为: // 3.传统的HTML文档顺序是: document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是: window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和...
2019-09-23 14:31:00
641
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人