养老机构查询

资讯

养老资讯2023年08月08日

WebSocket使用方法

1.创建WS对象,与服务器建立webscoket链接 let ws: WebSocket ws = new WebSocket('ws接口地址') 2.监听ws对象是否建立链接成功 ws.onopen = () => { //只要成功,就会触发此回调 } 3.主动推送一个消...

阅读详情

资讯

养老资讯2023年08月08日

基于Vue3，webscoket聊天室

<template> <MyCart title="聊天室"> <template #button> <el-button @click="chat" type="primary">加入聊天室</el-button> ...

阅读详情

资讯

养老资讯2023年08月08日

bug记录P标签的内容为字母的时候不会进行自动换行需要设置word-break: break-all;

今天在写项目的时候发现p标签的内容为字母的时候不会进行自动换行，会把宽度撑开。 解决办法： 给p标签设置 word-break: break-all; 属性即可

阅读详情

资讯

养老资讯2023年08月07日

饿了么Plus组件+TS+Vue3如何使用表单重置

el-dialog组件关闭的时候清空表单内容，点击按钮也一样，改成点击事件就行了 1.引入FormInstance import type { FormInstance } from 'element-plus' const formRef = ref<FormInstan...

阅读详情

资讯

养老资讯2023年08月04日

Element-Plus分页组件默认是英文如何改成中文

原图 修改之后： 解决办法： 在main.js中加入如下代码： import zhLocale from "element-plus/es/locale/lang/zh-cn"; app.use(ElementPlus, { locale: zhLocale })

阅读详情

资讯

养老资讯2023年08月04日

Vue3组件的二次封装以及插槽、传值的使用

使用ElementUI的Card的组件的时候，很多地方都会用到卡片这个组件，以及修改一下他默认的样式，进行了二次的封装。 效果图如下： 这里封装主要是针对表格处理的，接收了一个标题参数,和2个具名插槽,一个是是否导出表格按钮，一个是表格内容。 子组件代码如下： <templ...

阅读详情

资讯

养老资讯2023年08月03日

vue3写了一个路由标签导航栏组件

vue3里面引入就可以使用，vue2需要注册一下在调用。 大致思路，进入页面的时候监听路由，判断当前路由的地址，然后把这个地址用来做激活样式匹配，接下来就是点击事件，点击谁就把激活样式给谁，其次是删除如果删除的是第一个，下次跳转默认下标为0的标签，并且附带激活样式，如果不是就跳...

阅读详情

资讯

养老资讯2023年08月02日

Vue中API接口如何二次封装Axios进行高效开发

1.src目录下新建 utlis文件夹 ->axios.ts 引入axios插件，创建公共服务器IP ,设置请求拦截器和相应拦截器，最后暴露出去 import axios from "axios" export const SERVER_IP = 'http://XXXXX...

阅读详情