web前端
文章平均质量分 53
看表该更新博客了
这个作者很懒,什么都没留下…
展开
-
vue中的属性前有无冒号:的区别
加冒号的,说明后面的是一个变量或者表达式;没加冒号的后面就是对应的字符串字面量!例子:<el-radio-group v-model="handle"> <el-radio :label="true">打开</el-radio> <el-radio :label="false">关闭</el-radio></el-radio-group>转载 2020-09-19 12:02:10 · 2409 阅读 · 0 评论 -
2020-09-16
一.uniapp的声明周期(特别注意onload,onshow)原创 2020-09-16 10:27:11 · 61 阅读 · 0 评论 -
elementui自定义表单校验的写法
一.验证数字二.验证字母原创 2020-09-15 08:44:40 · 459 阅读 · 0 评论 -
js格式化金额(Eg9,000.99)
abs = function(val){ //为确保val为整数,先进行一步判空与转换 if(val==null){ return"值未定义或为空" } var valInt = parseInt(val); //金额转换 分->元 保留2位小数 并每隔3位用逗号分开 1,234.56 var str = valInt .toFixed(2) + ''; var intSum = ...原创 2020-09-14 10:02:39 · 102 阅读 · 0 评论 -
webpack,nodejs,npm之间的关系
webpack是一个前端资源加载/打包工具,可以帮你把你的项目这里的项目其实就是指通过模块化开发的项目打包为简洁版的浏览器可识别的静态资源webpack的运行依赖于node的环境,没有node是不能打包的.webpack就是将你从npm中安装的包打包成更小的浏览器可读的静态资源...原创 2020-05-25 08:38:23 · 869 阅读 · 0 评论 -
vue中箭头函数的使用
一.箭头函数和普通函数的区别:1.普通函数中的this:代表它的直接调用者(js的this是执行上下文), 例如 obj.cal(),那么cal()方法中的this就是obj若没找到直接调用者,则this指的是 window(常见的window的属性和方法有: alert, location,document,parseInt,setTimeout,setInterval等)或者 undefined上图 普通函数 代码解析:getFullName( )方法的直接调用者是Perso...原创 2020-05-24 22:36:28 · 21768 阅读 · 5 评论 -
Vue Loader是什么
你的文件里没有new Vue( ){ }的话肯定有export default{ } export default这种写法叫做vue-loader 如vue官网:最终vue-loader会把export default转换成 new Vue()原创 2020-05-24 22:17:33 · 500 阅读 · 0 评论 -
Vuex(vue的状态管理模式)
一.使用背景∵ :vue中各个组件之间传值咱肯定用过吧,假如一个很多组件的页面互相传值一定很痛苦∴ :==>在vue中我们可以使用vuex来保存我们需要管理的状态值,值一旦被修改,所有引用 该值的地方就会自动更新。二.安装及其搭建过程1.安装vuexnpm install vuex --save2.src目录下新建stroe文件,在其下新建index.js 3.main.js下引入并声明store对象三.实现过程1.关于vuex中的State:·1.1 创原创 2020-05-24 22:13:08 · 336 阅读 · 1 评论 -
使用axios传递对象
用axios传递对象修改/新增用户的时候涉及到把user对象(也就是你的editForm)使用axios传给后台在我点确定的时候触发submit方法如下:控制台network里Request Payload中会看到:回过头来看axios写法:params是请求头 ? 后边的参数data 用来放对象的...原创 2020-05-24 11:09:45 · 9591 阅读 · 2 评论 -
Promise对象
1.Promise对象是啥?Promise是异步编程的一种解决方案/一个代理对象,代理了最终返回的值,可以在后期使用。2.Promise长啥样?这是调接口后台返回的promise,在控制台打印出来的,可以看到[[PromiseValue]]中是我想要的数据(长度为20的数组)3.示例:你看你发我的这个截图,在getMenuList方法前+上了 async 关键字 ==>声明该方法是一个异步函数,调用异步函数时会返回一个 promise 对象。异步函数可能会包括aw.原创 2020-05-23 21:35:05 · 498 阅读 · 0 评论 -
vue中$event的使用
$event分两种:第一种:自定义组件(不如自定义父子组件或者elementui/iview组件)的$event第二种:html原生的$event先来看第一种吧--自定义组件的$event$event代表的就是 济南 青岛 这个选中的值,此时$event就代表传参第二种 html原生的$event$event此时是获取的dom元素即 MouseEvent鼠标点击的这个按钮元素,(可理解为当前标签的属性)console....原创 2020-05-23 21:28:05 · 12757 阅读 · 3 评论 -
Fetch的四种请求
Fetch的四种请求记录在写前端页面时所用fetch发送四种请求的写法 注意.then({})时response.json()与response.text()的区别: json( ):服务端返回json数据 text():服务端返回字符串格式1.GET:fetch('http://localhost:5555/dictItem/getAll') .then(f...原创 2020-03-21 10:03:48 · 3909 阅读 · 0 评论 -
vue生命周期
一.vue生命周期图示图片来源于vue官网二.各个周期函数声明:1.beforeCreate():实例完全被创建出来之前,会执行它,在beforeCreate()执行的时候,data和methods中的数据都还没有初始化。2.created():在created中,data和methods都已经初始化好了,如果要调用methods中的方法,或者操作data中的数据,最早只能在crea...原创 2020-03-14 17:36:09 · 172 阅读 · 0 评论 -
vue:基础整理
总体结构:一.vue的基本代码<div id="app"> <p>{{ msg }}</p> </div>desc:id为app的元素区域的所有内容,是将来new的vue实例所要控制的<script>var vm = new Vue({ el:'app', data:{ msg:'HelloWorld'...原创 2020-03-10 15:31:42 · 301 阅读 · 0 评论 -
vue实现树形tree组件
一.实现效果 二.json数据格式展示三.实现效果1.点击时箭头(????到????)的改变2.最后一层时无箭头且输出json数据中对应value值 四.实现思路1.父组件调用子组件,并给子组件传json2.自定义组件(子组件)用于属性结构展示3.子组件的自我调用四.代码实现 父组件app.vue<template> <div class =...原创 2020-03-09 23:42:38 · 1456 阅读 · 0 评论 -
vue跨域配置
一.什么是跨域当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域二.解决方式: ProxyTableproxyTable的底层使用了http-proxy-iddleware(https://github.com/chimurai/http-proxy-middleware),它是http代理中间件,它依赖node.js,基本原理是用服务端代理解决浏览器跨域:...原创 2020-03-06 22:31:03 · 411 阅读 · 0 评论 -
记录MVVM的个人理解
一.关于MVVM个人理解Mvvm的是 Model–View-ViewModel的缩写, Model理解成小程序里课程管理页面的js代码(user.js)View理解成小程序里用户管理页面的wxml代码(user.wxml) ViewModel这个单词是View和Model的组合,也就是把user.wxml(View)中的数据同步到user.js(Model)或者把user.js(Model...原创 2020-03-06 21:56:10 · 150 阅读 · 0 评论