12 2022 档案
摘要:vue3中使用 keep-alive报错 TypeError: parentComponent.ctx.deactivate is not a function 代码: <router-view #default="{ Component, route }"> <keep-alive> <compo
阅读全文
摘要:如图,左侧的菜单是动态生成的,前面的icon图标也要动态创建 实现方法: 使用vue的 createVNode 定义一个生成icon的文件: createIcon.js import * as icons from "@ant-design/icons-vue"; import { createVN
阅读全文
摘要:v-model 有一些内置的修饰符,例如 .trim,.number 和 .lazy 都是对输入的数据做过滤处理 vue 也可以自定义实现 创建一个自定义的修饰符 capitalize,它会自动将 v-model 绑定输入的字符串值第一个字母转为大写 这里的例子是在自定义v-model的实现上添加修
阅读全文
摘要:在 vue 中,form 表单输入可以通过 v-model 实现双向数据绑定,例如: <input v-model="text" /> {{text}} 在表单中输入时,页面展示的 data-text 也会相应改变 如果是封装的通用输入表单,一般会使用 prop+emit 来实现父子组件数据传递 如
阅读全文