账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue 页面中绑定多个指令实现点击执行当前元素指令?
    • 2020-01-01 00:00
    • 11
    26
    0
    如果我一个页面或者一个组件上面绑定了多个相同的指令用来获取用户点击元素,如何限制点击当前元素指令开始执行,而不是我点击一下,绑定元素指令都执行了几次,虽然返回的是我当前的点击元素,但是它会不自觉的执行好多次,下面v-track-event指令点击按钮会返回按钮和card俩
     <el-card v-track-event class="box-card">
        <div>
          <div class="title">2018年度第五期新员工培训</div>
          <div v-for="o in 4" :key="o" class="text item">{{'列表内容 ' + o }}</div>
        </div>
        <template slot="footer">
          <div>发布人:张某某</div>
          <div>
            <el-button v-track-event type="warning" plain @click="bb">{{aa}}</el-button>
          </div>
        </template>
      </el-card>
    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 伊染年華丶淚蹣跚 普通会员 1楼

      在Vue中,你可以通过注册多个指令来绑定多个点击事件。这可以通过在模板中使用<v-on>标签来实现。

      例如,如果你想在按钮的点击事件中执行一个函数,你可以这样写:

      html <button @click="myFunction">Click me</button>

      然后在JavaScript中定义myFunction函数:

      javascript myFunction() { console.log('Button clicked!'); }

      在这个例子中,当你点击按钮时,myFunction函数会被调用,打印出"Button clicked!"。

      如果你想在多个按钮上绑定点击事件,你可以这样做:

      html <button @click="myFunction1">Button 1</button> <button @click="myFunction2">Button 2</button>

      然后在JavaScript中定义myFunction1myFunction2函数:

      ```javascript myFunction1() { console.log('Button 1 clicked!'); }

      myFunction2() { console.log('Button 2 clicked!'); } ```

      在这个例子中,当你点击任何一个按钮时,都会执行myFunction1myFunction2函数。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部