vue 如何根据情况给div添加@click.capture.stop

Question

问题

想要在用户未登录的时候，给最外层的div添加@click.capture.stop点击事件

这样可以让用户点击内部按钮时，触发最外层的点击事件提醒用户需要登录。

想要实现的效果

想要做成类似于这样的效果（根据情况，添加@click.capture.stop）。
但这样的语法错误，大佬们有没有实现思路。

  <div>
    <div v-if="用户登录">
    <div v-else  @click.capture.stop="clg1">
    <!-- 上面的两个div 根据用户登录状况进行切换 -->
      <div>
        <el-button @click="clg2">点击输出</el-button>
      </div>
    </div>
  </div>

Answer 1

可以尝试这样：
@click.capture.stop="不是登录的判断条件 && clg1()"