- 博客(21)
- 收藏
- 关注
RSS订阅原创 Vue父子组件传值及传方法
传值父组件传值给子组件// 父组件<template> <div> <!-- 父组件中引入子组件，并传入子组件内需要的值 --> <child :message="father"></child> </div></template><script> import child from './child' export default {
2022-02-27 23:29:20
2224
1
原创 Vue无感刷新当前页面
使用 Vue 选项/组合 Api provide / inject Api 地址，此方法可以实现无感刷新并且不会出现闪烁的空白。首先在根组件 App.vue 定义这个方法<template> <div id="app"> <router-view v-if="routerAlive"></router-view> </div></template>export default { /
2022-02-18 16:29:57
3981
原创 Vue3 中使用 vue-router
Vue3 中使用 vue-router首先安装 vue-routercnpm i vue-router@next在 router 文件夹下新建 index.jsimport { createRouter, createWebHashHistory, createWebHistory } from "vue-router"//1. 定义要使用到的路由组件 （一定要使用文件的全名，得包含文件后缀名）import index from "../components/index.vue"
2021-12-02 16:13:25
1060
原创 WebSocket使用及在vue如何使用
WebSocketWebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。在 WebSocket API 中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。现在，很多网站为
2021-11-04 08:58:11
20383
原创 前端开发必备网站
视频学习网站个人非常推荐的一个学习网站：慕客网；当然有些较好的视频是得付费看的，质量都比较高。一个非常全能的网站，那就是B站：哔哩哔哩，只要是你想学的，上面基本都有，全能视频网站。腾讯课堂，有些课程也是挺好的。技术文档网站非常专业的技术文档网站：MDN适用于新手：W3School菜鸟教程：菜鸟教程技术社区首位必须是全球最大的同性交友网站-gayhub：github (国内网络可能有时候上不去，得自己翻墙)国内比较优质文章的产出地：掘金一个非常
2021-10-24 21:01:25
138
原创 vue如何实现打印功能
这里用的是 vuePlugs_printjs1，首先打开git地址2，然后将 print.js 下载到本地放入项目文件夹使用方法如下：//首先在main.js引入import Print from './utils/print.js'Vue.use(Print)<div ref=print>打印内容<div/> //其次在你用到的地方触发这个方法即可handleprinter() { this.$print(this.$refs.print);}当
2021-08-06 14:37:39
25658
8
原创 moment转化时间戳出现Invalid Date
项目用在使用moment转换时间戳的时候出现Invalid Date通过后端接口发现接口返回的字段是 beginTime: “1612922019029”在数据传递得过程中类型发生了变化 所以得把字符串用Number()转化下数字类型即可正常显示// 转换数字类型beginTime: this.$moment(Number(item.beginTime)).format( "YYYY-MM-DD"),还有个小问题就是如果某个时间戳为空是时，则会显示1970-01-01所以为了防止显示
2021-02-26 09:31:16
7774
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人