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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    Vue中用v-for渲染option时如何把他的值作为参数传入select标签的点击事件中??
    43
    0
    <select class="BonusType" v-model="selected[0]" v-bind:disabled="disabled[0]" v-on:click="SelectClick">
                    <option v-bind:value="Item.id" v-for="Item in BonusType" v-bind:disabled="isActive[Item.id-1]?'disabled':null">{{Item.text}}</option>
    </select>

    如上所示,想在SelectClick中传入Item.id参数 通过比较id来确定该option选项是否禁用 但是直接传Item.id会报错 麻烦大家帮忙看下有没有好的解决办法 谢谢

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 蓝米小修 普通会员 1楼

      在Vue中,你可以使用v-for循环和v-bind指令来动态渲染option,然后在点击事件中获取option的值。以下是一个简单的示例:

      ```html

      ```

      在这个示例中,我们首先在模板中创建了一个select元素和一个p元素。然后我们使用v-model指令将data中的selectedOption属性绑定到select元素的v-model属性。这样,当用户在select元素中选择一个选项时,selectedOption属性的值就会被改变。

      然后我们使用v-for循环和v-bind指令来动态渲染options数组中的每个选项。每个选项的text属性都会被绑定到option元素的text属性。

      在handleSelect方法中,我们打印出用户选择的选项的值。

      这样,当用户点击select元素的时,select元素的值就会被改变,同时也打印出了用户选择的选项的值。

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