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

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

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

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

export default {

mounted() {

getDistrictProvicesList();

},

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

相关推荐
哆啦A梦15886 小时前
48 我的地址页面布局
javascript·vue.js·node.js
Dontla6 小时前
React useMemo(当依赖项未变化,重复渲染时直接返回上一次缓存计算结果,而非重新执行计算)
前端·react.js·缓存
花生Peadar7 小时前
AI编程从入门到精通
前端·后端·代码规范
bug爱好者7 小时前
vue3.x 使用vue3-tree-org实现组织架构图 + 自定义模版内容 - 附完整示例
前端·javascript·vue.js
flashlight_hi7 小时前
LeetCode 分类刷题:1669. 合并两个链表
javascript·leetcode·链表
达达尼昂7 小时前
🎯 Flutter 拖拽选择组件:flutter_drag_selector —— 像选文件一样选择列表项
前端·flutter
Keely402857 小时前
Claude 配置使用墨刀MCP(modao-proto-mcp)
前端·aigc·claude
少卿7 小时前
从零构建 React Native 导航体系-React Navigation
前端·react native
Wect7 小时前
学习React-DnD:实现 TodoList 简单拖拽功能
前端·react.js
前端小书生7 小时前
Google Map、Solar Api
前端·react.js·google