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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    iview中的<CheckboxGroup v-model="">如何做到既获取label又能获取value呢?
    36
    0

    <CheckboxGroup v-model="model1">
    ...

    checkbox和tree不同,只有一个label值,双向绑定后model1获得的值只是checkbox显示的label值,如果要获value,只有在绑定的时候将label = [1]数据1,然后后台进行 label.split(']') ,但是这样前端显示的就太不友好和美观了。请教高手该如何加入这个value呢?

    2
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 在iview中,可以使用v-model指令来绑定模型和视图。如果你想获取到checkbox的value,你可以通过遍历checkbox的children来获取。

      以下是一个简单的示例:

      html <CheckboxGroup v-model="value"> <Checkbox v-for="item in items" :key="item.id">{{ item.label }}</Checkbox> </CheckboxGroup>

      在这个例子中,items是checkbox的children数组,value是当前选中的checkbox的value。

      如果你想获取到label,你可以通过v-for循环来遍历checkbox的children。在每个item中,你可以访问它的label属性来获取label。

      以下是一个更复杂的示例:

      ```html {{ item.label }}

      ```

      在这个例子中,created生命周期钩子函数会被调用,当数据发生变化时,会自动更新value数组。

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