养老机构查询

资讯

养老资讯2023年08月02日

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

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

阅读详情

资讯

养老资讯2023年08月02日

vue3如何使用动态class切换

这里写的是一个旋转按钮使用的是elementPlus vue3动态class三目预算:class="isRotated ? 'rotate' : 'reverseRotate'"通过点击事件给变量取反来实现class样切换 HTML <div clas...

阅读详情

资讯

养老资讯2023年07月31日

vue3的动态css v-bind()

vue3支持 css中支持v-bind来绑定动态样式值,例如: <template> <span>123</span> </template> <script setup> let color="#fff" </s...

阅读详情

资讯

养老资讯2023年07月31日

Vue3的生命周期有哪些？

DOM节点挂载前 onBeforeMount(() => { console.log('DOM节点挂载前'); }) DOM节点挂载后 onMounted(() => { console.log('DOM节点挂载后'); }) 更新前 onBeforeUpdate(...

阅读详情

资讯

养老资讯2023年07月30日

点击元素让其滚动到锚点定位scrollIntoView方法

示例： 点击右侧的字母，滚动到具体的位置，先给右侧的标题绑定点击事件，拿到点击的元素，在通过scrollIntoView方法进行滚动 { behavior: "smooth" }是平滑滚动属性 <div class="aside"> <ul&...

阅读详情

资讯

养老资讯2023年07月29日

Vue3如何使用vue-router进行跳转

1.首先配置路径信息，已经单独写过一篇了 点击前往 2.引入包文件 import { useRouter } from 'vue-router' 3.定义变量接一下useRouter实例 let router = useRouter() 4.使用router.push() 进行...

阅读详情

资讯

养老资讯2023年07月27日

Vue3配置路由信息过程VueRouter

1.引入包文件 import { createRouter, createWebHashHistory } from 'vue-router'; 2.引入组件地址，也可以使用懒加载引入 import Home from '../views/Home.vue';//引入模式 3....

阅读详情

资讯

养老资讯2023年07月27日

Vue3组件如何进行值的传递

子传父：子组件用defineEmits传递 //子组件 <template> <div> <button @click="btn">我的按钮</button> </div> </template> <s...

阅读详情