Vue.js 页面加载时触发函数

使用 Vue 的生命周期钩子函数:

在 Vue 组件中,可以使用生命周期钩子函数来执行特定的代码。其中,mounted 钩子函数可以在组件被挂载到 DOM 后触发。

复制代码
<template>
  <div>
    <!-- 页面内容 -->
  </div>
</template>

export default {

mounted() {

getDistrictProvicesList();

},

在上述例子中,mounted 方法是在组件挂载到 DOM 后会被自动调用的钩子函数。你可以在 mounted 方法中编写要执行的代码,以在页面加载时触发相应的操作和逻辑。

相关推荐
保加利亚的风2 分钟前
Docker 学习文档(Mac + Docker Desktop 版)
前端·后端
java1234_小锋18 分钟前
Vue3专题 - 条件渲染
前端·javascript·vue.js
明月_清风25 分钟前
🚀 AI Agent 完全入门指南:从 LLM 到生产落地,新手必懂的 34 个核心概念
前端·后端·ai编程
嘟嘟071726 分钟前
从零理解 useRef:React 中操作 DOM 与持久化变量的唯一桥梁
javascript
鸽鸽30 分钟前
Vue 3 API 完全指南:从 Options 到 Composition 的进阶之路
前端·vue.js
名字还没想好☜30 分钟前
React 用 Portal + Context 实现全局 Toast:一次调用、自动消失与队列管理
前端·javascript·react.js·react·next.js
嘟嘟071739 分钟前
摘要 手把手实现路由鉴权守卫,逐行拆解 ProtectRoute、localStorage、Navigate state、useLocation、FormDat
javascript
HjhIron40 分钟前
React Router 通关指南:从入门到鉴权,一个项目全搞定
前端
kyson_42 分钟前
如何做一款自适应的数据大屏:`vw/vh`、`rem`、`scale` 应该怎么选?
前端