vue踩坑日记
文章平均质量分 55
蒲公英想养花
只为愉悦送命
展开
-
父组件修改子组件深层数据
父组件修改子组件深层数据,value是obj类型<!-- 父组件内调用子组件 --><son v-for="p in data_arr" :fruits="p.fruits"></son>// 数据保存data_arr: [{ col: 2, row: 4, fruits: { name: '苹果', num: 2 }}]解决监听标志位force_refresh:强制刷新标志位初始值为false,当obj内参数变化将标志位同步改.原创 2022-03-16 17:14:01 · 601 阅读 · 0 评论 -
v-show失效&&element时间选择器弹框位置
文章目录问题原因分析解决补充问题两个都用v-if控制显示隐藏,时间选择器弹框位置在左上角用v-show控制,时间选择器弹框位置正确,但第二个v-show失效原因分析v-show不能对多个元素生效!?全部使用v-if,一开始第二个的dom没有渲染,所以选择器弹框找不到定位点,于是相对浏览器窗口定位v-if:根据表达式的值的 truthiness 来有条件地渲染元素。在切换时元素及它的数据绑定 / 组件被销毁并重建。v-show:根据表达式之真假值,切换元素的 displ原创 2021-08-02 13:53:04 · 598 阅读 · 1 评论 -
element弹出框popover样式调整踩坑
文章目录问题原因分析解决补充问题修改popover样式无效<style lang="less" scoped>/deep/ .el-popper[x-placement^="right"] { background: #ffffffeb; border-radius: 5px;}/deep/ .el-popper[x-placement^="right"] .popper__arrow::after { border-right-color: #fff;原创 2021-07-28 17:09:04 · 2412 阅读 · 0 评论 -
element时间选择器清空踩坑:TypeError: Cannot read property ‘0‘ of null
报错如下[Vue warn]: Error in render: “TypeError: Cannot read property ‘0’ of null”vue.runtime.esm.js?2b0e:1888 TypeError: Cannot read property ‘0’ of null原因分析在项目中使用了el-date-picker在其清空后去取了date_range[0]导致报错因为清空后date_range的值为null<el-date-picker原创 2021-07-08 11:47:01 · 2158 阅读 · 1 评论 -
v-model双向绑定失效问题
问题描述InputNumber组件v-model绑定的值在输入框中手动删除,在on-change事件中判断拿到的值,如果为null,赋值为1,但是该值发生了变化,InputNumber却并没有显示绑定的值(或者说有时候显示,有时候又不显示)<InputNumber v-if="judge !== 7" v-model="judgeNum" :value="judgeNum" :min="0" @on-change="getNum..原创 2021-04-26 21:49:15 · 5310 阅读 · 0 评论 -
复用组件data相互影响
问题描述:在一个子组件中用button控制div的显示隐藏(v-if实现),在两个div中都使用了同一个自定义组件,但是这两个组件的data相互影响。select_show的初始值为false,可以看到这里切换游戏属性到渠道属性,属性select_show同步变化。<!--子组件--><div v-if="cur_attr === '游戏属性'"> <span class="c-fix-title wt">当前正在筛选:游戏属性</s..原创 2021-04-24 14:58:24 · 1837 阅读 · 0 评论