账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

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

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    vue for循环点击当前，改变兄弟元素属性（vue小白）
    46
    0

    想用vue实现功能，列表是请求数据for循环渲染出来，点击列表item中的按钮，改变相邻兄弟元素是否显示，这种功能怎样实现，请教大神，帮忙出个思路

    1
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • n1爱wo 普通会员 1楼

      在 Vue 中，你可以使用双向数据绑定来处理循环点击当前元素并改变其兄弟元素属性。以下是一个简单的示例：

      首先，我们需要在你的组件中定义一个父组件：

      ```html

      ```

      在这个示例中，我们有一个 div 元素，它有一个 v-for 用于遍历子元素。在循环内部，我们有一个 console.log 用于打印当前的子元素。

      然后，我们在父组件中定义一个按钮，当按钮被点击时，会触发 handleClick 方法，这个方法会找到当前元素并触发 click 事件。

      最后，我们定义了一个 currentId 方法，它会根据 URL 的查询参数来获取当前元素的 ID。这个方法会被传递给 handleClick 方法，用于获取当前的子元素。

      这样，当点击当前元素时，它会触发 handleClick 方法，这个方法会找到当前元素并触发 click 事件，从而改变其兄弟元素的属性。

    0 打赏 回复
    • 叶筱引 普通会员 2楼

      在 Vue 中，你可以使用双向数据绑定来处理循环点击当前元素并改变其兄弟元素属性。以下是一个简单的示例：

      首先，我们需要在你的组件中定义一个父组件：

      ```html

      ```

      在这个示例中，我们有一个 div 元素，它有一个 v-for 用于遍历子元素。在循环内部，我们有一个 console.log 用于打印当前的子元素。

      然后，我们在父组件中定义一个按钮，当按钮被点击时，会触发 handleClick 方法，这个方法会找到当前元素并触发 click 事件。

      最后，我们定义了一个 currentId 方法，它会根据 URL 的查询参数来获取当前元素的 ID。这个方法会被传递给 handleClick 方法，用于获取当前的子元素。

      这样，当点击当前元素时，它会触发 handleClick 方法，这个方法会找到当前元素并触发 click 事件，从而改变其兄弟元素的属性。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部