- 博客(18)
- 收藏
- 关注
原创 Vue路由导航传参
目录1.query传参1.字符串传参2.对象传参(搭配name)3.对象传参(搭配path)2.params传参1.路由路径中不配置占位符1.只能使用对象+name传参2.路由路径中配置占位符1. 字符串传参2.对象传参(搭配name)3.对象传参(使用path)当项目中组件间通过路由跳转,有时,我们需要传递一个组件中的参数到另一个组件中使用,那么我们此时就不能够靠组件间直接传递数据,只能通过路由导航传参路由传参有两种方式:query传参和params传参
2022-05-25 21:23:08
895
原创 Vue项目中实现三级联动
关于省市区三级联动,我的第一种实现方式是利用select的change事件,加v-model ,当省份改变时(change事件),显示该省份下的市,同时根据下拉框中市的改变,显示对应的县区 当市改变时change事件),显示对应的县区以上分析,我们可以看到,省份的事件函数里边需要有市改变的事件函数,也就是说市的事件函数需要写两次我的第二种方案,就是利用watch + v-model当select绑定的数据发生改变时,能够被watch监听到,然后就可以开始我们的操作了,第一种方案写事件的本质,
2022-05-23 18:21:34
1996
2
原创 Vue Router
目录1. Vue Router概述2.路由入门1.创建路由2.挂载路由3.使用路由3.声明式导航和编程式导航1.声明式导航2.编程式导航1.Vue Router概述一个路由就是一组映射关系,Vue中的路由 :根据不同的路径,执行不同的组件2.路由入门1.创建路由new VueRouter()参数,配置对象,对象中有routes属性,值是数组, 保存所有的路由规则数组中,是每一个路由对象,对象中有name ,path , component属...
2022-05-22 19:38:58
284
原创 Vue组件间通信
目录1.父传子2.子传父3.父子间通信扩展4.兄弟间通信前言: 我们把页面拆分成不同的组件,提高了复用性,但是拆分完组件后,有的数据,在多个组件中都需要使用,但是我们只能在其中一个组件中获取到数据,此时.我们就需要根据组件间的关系来传递数据1.父传子核心子组件中 props接收+父组件中 v-bind传递数据1. 父组件中在使用子组件时,利用v-bind把数据传递给子组件2.子组件中,利用props,接收数据3.在子组件中使用接收到的数据props...
2022-05-20 18:50:01
510
原创 Mac 双击选中,右下击菜单的功能
背景 为了码代码时能够快速选中,复制,粘贴的功能,比如一下操作快速复制 变量s1 替换 形参s使用右中侧双击选中,command+c ,使用右中侧双击选中,command+v ,使用右下击可以快速打开ide的功能菜单接下来mac的配置 辅助点按使用 点击右下角主要是辅助功能中的连按速度(如果速度过快,就会完全丧失双击选中的功能,试了好长时间)如果还是习惯拖拽选中,可以使用触控板选项...
2022-05-19 11:18:04
1200
原创 Vue组件基础
目录1.组件的概念2.全局注册组件3.局部注册组件4.注册组件优化1.组件的概念组件:是由html.css.JavaScript以及一些图片资源组成,能够实现局部的界面效果;Vue中的组件是可复用的 Vue 实例,就类似于小型的Vue实例注意 1: template中只能有一个根标签,如果有多个标签,需要在外层套一个div注意 2:组件中的data必须是一个函数,不能是对象因为组件的最大意义就是复用,如果data是对象形式,那么每一次使用这个组件,得到的都是同一..
2022-05-18 19:45:00
264
原创 watch侦听属性
1.了解侦听属性watch侦听属性:可以监听到数据是否发生改变,监听到之后可以进行一些操作,虽然大多数功能计算属性都可以实现,但是像Ajax等异步请求或开销较大的操作,这个方式是最有用的。监听器的函数里边能够收到两个参数:更改后的数据和更改前的数据<div id="app"> <button @click="value='更改后的数据' ">点击更改数据</button> <h1>{{value}}</h1>&.
2022-05-17 20:50:38
2378
原创 计算属性computed
目录1.计算属性中的getter2.计算属性中的setter3.计算属性简写形式4.计算属性与methods中方法的对比5.计算属性与侦听器的对比1.计算属性中的getter计算属性 :要使用的数据不存在,需要通过已有的属性计算得到.get函数中的返回值,作为计算属性的属性值.get函数什么时候调用: 1.初次页面渲染时调用 2. 当get函数中依赖的数据发生改变时调用示例代码:<div id="app"> <...
2022-05-16 18:26:55
935
原创 Vue中数据绑定v-bind与v-model
目录1.v-bind单向绑定1.1常用属性绑定1.2 class绑定1.3 style绑定2.v-model双向绑定2.1普通表单元素绑定2.2特殊表单元素绑定1.v-bind单向绑定vibind可以用来动态地绑定一个标签的属性语法 :v-bind :标签属性简写 :标签属性1.1常用属性绑定<div id="app"> <a v-bind:href="url">跳转到百度</a><...
2022-05-13 15:00:41
2675
原创 Vue中的事件处理
目录1.v-on事件监听1.1简单事件处理1.2复杂事件处理2.事件修饰符1.v-on事件监听1.1简单事件处理括号里,可以写一些简单的事件处理,如果事件比较复杂,则需要配置methods对象,把方法写在methods里边语法 : v-on:事件名="事件处理 " 比如 v-on:click=" "简写 : @事件名=" 事件处理" 比如 @click=" "<body><div id="app"> ...
2022-05-11 19:48:55
1176
原创 V-for的使用
目录v-for遍历数组和对象1. v-for遍历普通数组2.v-for遍历对象数组3.v-for遍历对象1. v-for遍历普通数组语法 :v-for="(item,index) in array"item :数组中的每一项index :索引值如果只需要第一个参数item ,index可以不写,括号可以省略<body><div id="app"> <ul><!-- in前边只写一个变量,变...
2022-05-10 19:14:59
58742
2
原创 Vue入门
目录1.Vue数据渲染1.1数据渲染的几种方式与对比2.条件渲染2.1v-if2.2v-show2.3 v-if与v-show的对比3.v-for渲染数组和对象4.v-on绑定事件1.1数据渲染的几种方式与对比1.差值表达式: {{变量或者表达式 }}双大括号里边可以写变量名和简单的表达式例如 : {{name}} {{ num++ }} {{ num<10? "0"+num :num }}<body>...
2022-05-10 18:48:25
405
原创 MYSQL java处理sql与语句中的特殊字符
' :用于包裹搜索条件,需转为 \'% :用于代替任意数目的任意字符,需转换为 \%_ :用于代替一个任意字符,需转换为 \_\ :转义符号,需转换为 \\\\\t : 需转换为 \\t\n : 需转换为 \\n* : 需转换为 \*str.replaceAll("\\\\", "\\\\\\\\") .replace("\'", "\\'") .replace("%", "\\%") .replace("_", "\\_") ....
2022-05-09 19:44:39
1756
原创 Vue概述
前言 : 在学习Vue之前,我们先来大概了解一下Vue到底是什么Vue官网链接https://cn.vuejs.org/1.Vue是一套构建用户界面的渐进式JavaScript框架1.构建用户界面,就是我们拿到数据后将其转变成用户看到的界面2.渐进式 : Vue可以自底向上逐层的应用.如果只是简单应用,只需引入一个轻量小巧的核心库如果是复杂应用,可以引入各式各样的Vue插件3. JavaScript: Vue框架的底层是用JavaScript实现的4.框架 :就是...
2022-05-09 19:36:00
999
原创 Jackson将对象转成json字符串,修改字段名(isEncryption)
1.背景在将一个对象转成ArrayNode时,出现了下面的情况ParamVo(name=Date, value=20202020, desc=ddddddddddd, isEncryption=true)public class ParamVo implements Serializable { private static final long serialVersionUID = 1L; /** *参数名称 */ private Str
2022-05-09 19:22:43
1720
原创 Nodejs的multer模块实现文件上传
服务端需要进行如下操作1.下载multer模块npm install multer2. 引入multer模块; 配置上传地址,文件名称// 引入需要的模块let express = require("express");let path = require("path");let fs = require("fs");// 引入multer模块let multer = require('multer');let app=express();app.listen(3000,(
2022-05-08 15:20:18
1677
原创 创建express项目总是报错怎么办?
首先,我们来创建一个express项目不出意外的情况下,点击create之后应该就会自动创建express项目了,只需稍等片刻,一个express项目已经产生然而,不知是什么原因,我的总是出现如下报错于是,我找到了以下创建express项目的另一种方案,如果你也遇到了同样的问题,不妨一试1.初始化项目npm init -y2.全局安装expressnpm install -g express3.全局安装express-generatornpm install
2022-05-07 19:03:59
886
原创 前端人员项目中利用SQL语句实现批量删除
学过mysql的童鞋都知道,以下一条SQL语句就可实现批量删除的功能// 批量删除id为1 2 和 4 的用户(用户表名为tb_user)delete from tb_user where id in(1,2,4);但是,当我项目中,实现批量删除时,要么只能删除一个,要么报错,代码如下 // 引入mysql模块 let mysql = require('mysql'); // 创建连接池 let pool = mysql.createPool({ host:"lo
2022-05-06 19:45:03
2599
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人