![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Dorcas_FE
这个作者很懒,什么都没留下…
展开
-
页面子组件太多时数据传递
父组件向子组件传递数据时,推荐使用provide Inject.-如果使用props当层级多层时不好传递,-使用bus时,如果是父组件向子组件传递,由于父子生命周期,子组件bus.on必须在父组件bus.emit前执行所以父组件只能mounted生命周期写入,但是子组件过多父组件的mounted时机势必会慢,所以不推荐bus,且on还涉及解绑。背景:父组件调用接口获取必要参数,传递给子组件用于各组件页面调用接口展示原创 2023-02-08 09:55:03 · 165 阅读 · 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 · 366 阅读 · 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 · 9839 阅读 · 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 · 2867 阅读 · 0 评论 -
vue3.0 项目真机测试
1 新增 vue.config.js2 手机和电脑连一个同样网络3 查看电脑IP地址, 输入命令行 ipconfigen0 :…inet 190…就是本电脑的地址4 vue.config.jsdevServer: {open: process.platform === “darwin”,host: “192.168.43.49”,// 填写本机IP地址port: 8080,...原创 2019-06-26 22:04:26 · 287 阅读 · 0 评论