vue
Dorcas_FE
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
页面子组件太多时数据传递
父组件向子组件传递数据时,推荐使用provide Inject. -如果使用props当层级多层时不好传递, -使用bus时,如果是父组件向子组件传递,由于父子生命周期,子组件bus.on必须在父组件bus.emit前执行所以父组件只能mounted生命周期写入,但是子组件过多父组件的mounted时机势必会慢,所以不推荐bus,且on还涉及解绑。 背景:父组件调用接口获取必要参数,传递给子组件用于各组件页面调用接口展示原创 2023-02-08 09:55:03 · 307 阅读 · 0 评论 -
【tips】 mounted获取ref宽高
ref元素宽高时第一次异常 这种问题的思路是,你可以在子组件mounted钩子中使用 //子组件 this.KaTeX parse error: Expected '}', got 'EOF' at end of input: …渲染完毕 this.emit(‘eventGetHeight’,this.$el.offsetHeight); }); 父组件中监听eventGetHeight事件,并取得这个数据 ...原创 2021-05-26 16:49:55 · 480 阅读 · 0 评论 -
[vue] element-ui 中表单验证使用正则pattern
rules: { username: [ { required: true, message: '请输入用户名', trigger: 'blur' }, { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' } ], mobile: [ { pattern: /^1([38][0-9]|4[579]|5[0-3,5-9...原创 2019-05-05 21:53:59 · 10009 阅读 · 0 评论 -
[vue] element-ui 中表格如果是嵌套数据的解决
1. row-key <el-table :data="rolesList" stripe style="width: 100%" row-key="id"> 2. 降低element-UI 版本 npm i element-ui@2.4.11原创 2019-05-06 10:32:42 · 2975 阅读 · 0 评论 -
vue3.0 项目真机测试
1 新增 vue.config.js 2 手机和电脑连一个同样网络 3 查看电脑IP地址, 输入命令行 ipconfig en0 :… inet 190…就是本电脑的地址 4 vue.config.js devServer: { open: process.platform === “darwin”, host: “192.168.43.49”,// 填写本机IP地址 port: 8080, ...原创 2019-06-26 22:04:26 · 379 阅读 · 0 评论
分享