- 博客(16)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Vue开发必须知道的36个技巧
异步组件的渲染本质上其实就是执行2次或者2次以上的渲染, 先把当前组件渲染为注释节点, 当组件加载成功后, 通过 forceRender 执行重新渲染。用法:这个指令保持在元素上直到关联实例结束编译。然而，如果你传入了一个可监听的对象，那么其对象的属性还是可响应的,对象是因为是引用类型。注:匹配首先检查组件自身的 name 选项，如果 name 选项不可用，则匹配它的局部注册名称 (父组件 components 选项的键值)。场景:在网速慢的情况下,在使用vue绑定数据的时候，渲染页面时会出现变量闪烁。
2023-08-18 16:51:34
279
原创 vue开发使用上拉加载更多之vue-infinite-scroll
使用vue开发web端或者移动端都会遇到上拉加载更多的问题，次方案可参考，如有疑问也可以在下方评论区和我说说
2022-01-13 16:41:57
738
原创 关于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
20435
8
原创 后台管理系统模板
后台管理系统之路由跳转模板上效果图，这里是首页注意url的地址上图是进入之后的页面废话不多说，直接上代码文件位置 router >>>>> index.js这里就是进入的主页了接下来就是跳转之后的页面，这就是左边栏的代码和样式，是根据element-ui来制作的上面可能有些样式是不需要的，如介意的话可以自行删除接下来就是左边栏的每个文件的配置，这是个一级菜单这里是二级菜单的页面，后面的二级菜单直接copy就可以了，最后给大家看的就是项目的文件存放位置如果有什么地方做的不好的
2020-11-16 11:27:13
316
原创 表格数据单个字段根据状态码展示相对应得name值
表格数据单个字段根据状态码展示相对应得name值我们用接口获取到的表格信息有些值是传的状态码，前端需要做一些处理，比如以下的表格数据单个字段根据状态码展示相对应得name值第一种转换方法第二种转换方法当然这些都是写死的，如果哪天我想多加一个状态呢？下面这个方法就很适合第一种转换方法//在页面中用v-if来判断状态码，==与相对应的状态码的时候展示相对应的数据<template> <el-table-column prop="payMode" lab
2020-11-12 15:17:10
316
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
809
原创 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
836
原创 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
1027
原创 git 克隆远程仓库分支的代码
git 克隆远程仓库分支的代码1. 普通克隆方式git clone <远程仓库地址>2 .克隆远程指定分支git clone -b <指定分支名> <远程仓库地址> //例如 git clone -b dev 远程仓库地址
2020-08-03 17:19:15
214
转载 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
1225
原创 Vue本地存储
本地存储localStoragesessionStoragecookiesessionlocalStorage功能localStorage是否安全不安全存储时间永久能否跨域不能跨域浏览器存在哪里存在浏览器存储大小5MsessionStorage功能sessionStorage存储大小5M是否安全不安全...
2019-12-31 10:41:00
247
原创 ES6.promise
复习总结2019/11/18ES6变量：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
101
原创 vue的使用方法
一、对于MVVM的理解？MVVM 是 Model-View-ViewModel 的缩写。Model 代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。View 代表UI 组件，它负责将数据模型转化成UI 展现出来。ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model和View。在MVVM架...
2019-11-23 18:23:54
530
原创 ES6，方法及笔记
ES6ES6的全称叫做ECMAScript或者ES2015因为它是2015年出来的排行老六，所以怎么叫都是对的为什么要用ES6语言都在更新换代，JDK8、PHP7、Pychon3.7支持更多语法，使用更方便不用不知道，一用吓一跳，因为很方便增强的工程性写更大工程更方便·变量var可以重复声明，1） var 可以重复定义2） let 不能重复定义3） ...
2019-11-20 20:13:02
148
原创 Vue课堂笔记
第一天：APP类型webAPP -> 移动端/M站原生APP -> 通过IOS或Android语言开发的hybridAPP -> webapp + 原生APP什么是VueVue有点两个核心点：响应式组件其他优点：易用虚拟DOM双向数据绑定体积小生态圈繁荣、学习成本低SEO -> 搜索引擎优化第二天选项对象<div id...
2019-11-20 19:30:55
431
原创 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
525
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人