钟小嘿 - 博客园

2021年7月3日

摘要： springboot的war想要在tomcat服务器上运行，必须添加配置。 1.继承并重写让启动类继承SpringBootServletInitializer，并重写configure方法，关键代码如下 @SpringBootApplication public class UploadDemoA 阅读全文

posted @ 2021-07-03 20:51 钟小嘿阅读(1111) 评论(0) 推荐(0)

SpringBoot自定义starter

摘要： 1.基本思想简单的说，就是引入了一些相关依赖和一些初始化的配置。主要是基于它的起步依赖和自动配置。 1.1起步依赖把具备某些功能的坐标打包到一起，简化依赖导入。比如导入了spring-boot-starter-web这个starter，那么和web相关的jar包都一起自动导入到项目中了，下图可阅读全文

posted @ 2021-07-03 20:11 钟小嘿阅读(2243) 评论(0) 推荐(0)

2021年6月26日

Vue中$nextTick()用法

摘要：在下次 DOM 数据更新循环结束之后执行延迟回调。也就是说此回调函数是延迟执行的，是在下一次DOM数据更新后自动执行。Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。主要用在两方面，一种是在vue的created函数中操作DOM数据时使用，另一种是修阅读全文

posted @ 2021-06-26 19:26 钟小嘿阅读(379) 评论(0) 推荐(0)

Vue中filters使用data的数据

摘要： vue 的filters中 this指向的并不是vue实例，但想要获取vue实例中data中的数据，可以在 beforeCreate中将vue实例赋值给定义的全局变量app，然后在filters中通过app代替this来获取data中的数据。 <template> <div> <div v-for= 阅读全文

posted @ 2021-06-26 19:21 钟小嘿阅读(1546) 评论(0) 推荐(0)

Vue页面生成二维码

摘要：给定一个网址，在页面生成二维码，手机扫码后直接进入此网站。 1）安装全局的插件 npm install qrcodejs2 -S 2）组件封装在component目录下新建一个vue文件，内容如下 <template> <div> <div id="qrcode"></div> <!-- 创建一个阅读全文

posted @ 2021-06-26 19:14 钟小嘿阅读(1099) 评论(0) 推荐(0)

Vue页面实现打印功能

摘要：实现打印功能，需要安装一个插件vue-print-nb，使用方法如下 1）安装全局的插件 npm install vue-print-nb -S 2）在main.js中注册 import Print from 'vue-print-nb' Vue.use(Print) 3）在页面中使用 <templ 阅读全文

posted @ 2021-06-26 19:10 钟小嘿阅读(4681) 评论(0) 推荐(0)

Vue中监听（watch）的使用

摘要： 1.属性的监听普通的属性，直接在data中定义，然后监听即可。详见Vue基础。 2.对象属性的监听对象中的属性，要想监听其中的某一属性值的变化，不能直接监听对象的变化。 data() { return { user:{ name:'', age:'' } } }, computed:{ getN 阅读全文

posted @ 2021-06-26 19:02 钟小嘿阅读(1030) 评论(0) 推荐(0)

Vue中判断对象属性是否存在(使用this.$set)

摘要：在vue中，若直接给一个空对象添加一个属性并且是响应式的，必须使用$set方法，只有这样才能让视图同步刷新。当对象的属性存在时就赋值，不存在则给其添加属性，再赋值。 //判断属性是否存在 if (!this.user.age) { //参数：对象，要添加的属性名，属性值 this.$set(thi 阅读全文

posted @ 2021-06-26 18:51 钟小嘿阅读(9499) 评论(0) 推荐(0)

element-ui的change方法传递参数

摘要：在官网可以看到，input、select等标签，当绑定值变化时，就会触发chenge方法，默认里面传递的是更新后的值。使用radio为例说明： 1）不传递参数 <el-radio @change="getValue" label="1" v-model="sex">男</el-radio> <el- 阅读全文

posted @ 2021-06-26 18:22 钟小嘿阅读(1955) 评论(0) 推荐(0)

Vue中inject与provide的用法

摘要： provide/inject提供了一种新的组件间通信的方法。它允许父组件向子孙组件间进行跨层级的数据分发，但是provide/inject是非响应式的。一般用于子组件调用父组件的共有方法。它们两个需要一起使用，允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时阅读全文

posted @ 2021-06-26 18:00 钟小嘿阅读(1105) 评论(0) 推荐(0)

笨兮兮

公告