![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Acardia_Liu
精通Vue2,Vue3,React,uniapp,wx,nestJs等单词拼写
展开
-
Avoid mutating a prop directly since the value will be overwritten报错问题解决方案
一、复现?在用uniapp,二次封装uview的u-modal时,使用v-model="showModal"时报错(需求是点击退出登录然后需要弹出模态框),原因是将showModal作为props传递给父组件,父组件直接改变了子组件的值,这是不被单向数据流所允许的。二、解决方案在data中定义一个show,用作子组件的初始值,并定义方法,来设置show的显示和隐藏;同时,在父组件中注册ref,通过this.$refs.xxx.方法名()的方式来设置子组件的显示和隐藏。代码子组件<u-mod原创 2022-02-11 14:11:28 · 1386 阅读 · 0 评论 -
Element UI将input事件抽取为公共方法
一、为什么抽取?当input事件过多时,一个个写事件会使代码冗余度过高,所以共用事件就显得格外重要。二、怎么做?使用高阶函数,代码如下: <el-form-item label="业务名称:" prop="name"> <el-input v-model="ruleForm.name" @input="e=> getInputForm(e,'ruleForm.name')"原创 2021-09-22 19:20:23 · 365 阅读 · 0 评论