展示效果
在一个标签页中实现列表单项左滑出现更多操作（比如删除、添加）的功能。
在第一个页签“板卡”中进行操作左滑没有问题，但是在第二个页签“其他”的就不能滑动
问题代码
想到可能是外层的swiper的滑动切换面板可能影响到了内部的滑动操作，之后尝试着将swiper去掉也还是不可以
最终怎么找，都不清楚哪里出了问题，忽然想到会不会是组件同时调用，导致该组件在那一瞬间虽然被调用了两次，但是内部的变量的内存地址使用的其实是一个？事实证明我是对的。
知道了问题，那么只需要让两个面板的组件同时加载就好了
先是在data中初始化一个变量，值为false
初始为false
在点击切换到第二个页签面板的时候将这个变量去改变为true
变成了true
最终就是在结构内容加判断就好了，在这里我用了 v-if 而不是 v-show
这天，根据需求，需要做出这么一个东西： 在一个标签页中实现列表单项左滑出现更多操作（比如删除、添加）的功能。 出现...
原因：大事务运行，阻塞 DDL，继而阻塞所有同表的后续操作解决办法：停机
1、vue生命周期 生命周期描述beforeCreate组件实例被创建之初，组件的属性生效之前created组件实...
同步和异步、阻塞和非阻塞 同步 (synchronous) 是一种可靠的运行机制，当我们进行同步操作时，后续操作是...
Vue开发风格——传统方法应用vue.js Vue开发风格——单个组件式 组件 基本操作 创建一个组件构造器 注册...
1,Vue的组件的 data 选项如果没有设置成函数,会导致程序无法通过 vue 的检测2.Vue组件可能存在多个...
vue组件中，在style设置为scoped的时候，里面在写样式对子组件是不生效的，如果想让某些样式对所以子组件都...
vue组件中，在style设置为scoped时，里面写的样式对子组件是不生效的，此时可以使用 /deep/ 深度选...
Vue开发，父子组件之间通信很常用，有传数据的，有调用方法的，有子组件操作父组件，也有父组件操作子组件，今天就简单...
一、less （1）vue组件中，在style设置为scoped的时候，里面在写样式对子组件是不生效的，如果想让某...
本文标题：【vue】组件阻塞导致后续操作、交互不生效
本文链接：https://www.haomeiwen.com/subject/ybxymhtx.html
网友评论