- 博客(6)
- 收藏
- 关注
RSS订阅原创 解决vue中多个路由共用同一个组件时，组件不会重新触发生命周期函数的问题
解决vue中多个路由共用同一个组件时，组件不会重新触发生命周期函数的问题比如aaa/a页面和aaa/b页面都用同一个组件c（使用路由跳转），但是在这两个页面相互切换时，并不会重新调用组件c的生命周期函数，我个人的理解是，当页面a切换到c时，在切换的过程中，vue会判断下一个路由的组件是否和当前的路由组件一样，如果一样，就直接复用，因此不会执行destroy等生命周期函数。官方原话：因此，如果想在切换的同时，重新加载组件，即重新触发组件的生命周期函数，可以给router-view绑定一个key值，这个k
2022-04-29 13:48:34
2031
原创 vue制定文章内容模板，文章的每一段对应数组的每一项，支持存放多张图片
制定文章内容模板，文章的每一段对应数组的每一项，支持存放多张图片demo:这样的一行，就是文章的一段用户输入内容时，这一段的内容就会同步到数组中，即第一段的内容会同步到数组的第一项，以此类推（图片会转成base64的格式）。可以点击“增加一行”来插入段落，相应的，数组也会增加相应的项。代码：<template> <div> <div class="edit" v-for="(item, index) in myFiles"
2022-04-27 10:57:16
1499
原创 vue项目中动态向swiper传值，swiper无法滚动且只显示一张图片的问题
vue项目中动态向swiper传值，swiper无法滚动且只显示一张图片的问题解决方法：在updated生命周期函数中，再初始化一次swiper
2022-04-20 18:58:50
1066
原创 利用nodejs搭建cesium环境
利用nodejs搭建cesium环境在cesium官网上下载cesium用vscode打开该文件夹在该文件夹的根目录上打开终端输入npm install安装完成后打开index.html，把里面的内容删掉，然后输入以下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Hello 3D Earth</title&
2021-07-30 23:40:45
992
原创 通过Websocket实现简单的实时聊天
通过Websocket实现简单的实时聊天（代码参考了黑马程序员）在nodejs中安装依赖包websocket输入npm install nodejs-websocket服务端代码：const ws = require('nodejs-websocket');//记录连接上来的总用户数量let count = 0;//每个连接到服务器的用户，都会有一个connconst server = ws.createServer(conn => { console.log('新的连接'
2021-04-21 00:02:24
1179
11
原创 【原创】微信小程序云开发通过input输入框动态修改云数据库的数据
【原创】微信小程序云开发通过input输入框动态修改云数据库的数据效果：可以在小程序的显示界面中，渲染出数据库的相关内容，并且可以在显示界面中，直接修改数据库中的数据。初始状态图：点击获取数据：数据库中的内容（节选）修改数据：在界面直接修改，数据库中也同步修改了（可只修改其中一条，也可同时修改多条，图片为修改多条）代码展示：wxml代码：<view> <button bindtap="getData" style="background-colo
2021-03-26 23:10:55
2214
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人