<el-button> 点击之后没反应

不知道是什么原因:<el-button> 点击之后没反应

image.png
ruleForm.editing默认是false
所以默认是显示修改信息,
点击修改信息后,ruleForm.editing变成true
为什么点了“修改信息”这个按钮。没有任何反应呢?
同样的方法,我在其他页面也是这样写的,是正常的。
但是为什么复制过来就没反应了呢?找了好久的原因,我不知道哪里错了

阅读 9.9k
2 个回答

应该是 editing 不是响应式的导致的,方法是:
1.在 data 里初始化 ruleForm 的时候,需要 editing 也初始化成 false
2.在“修改信息”按钮的click 绑定的事件里,用 this.$set(this.ruleForm,'editing', true),也使 editing 字段变成响应式的

@click.native='clickHandle'

虽然el-button展示是只有一个按钮 但在vue中仍是一个组件 组件上需要监听原生事件的话需要带修饰符的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题