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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    Checkbox 多选框 选中状态 拿到数据 但是未能选中 也不能点击 就是 数据在 但是样式失效了
    24
    0

    <el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">

    <el-checkbox v-for="city in cities" :label="city" :key="city">{{city}}</el-checkbox>

    </el-checkbox-group>

    v-model="checkedCities" 绑定的的数据拿到了但是未能出现选中样式 实际上选中了

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 喜还∫生怯. 普通会员 1楼

      这个问题可能是由于多种原因导致的,以下是一些可能的解决方案:

      1. 检查你的HTML代码:确保你的<input type="checkbox">元素已经被正确地添加到了你的HTML文档中。确保name属性和id属性都正确地设置。

      2. 检查你的CSS代码:检查你的CSS代码以确保你没有阻止任何元素被选中。你可以尝试使用JavaScript来模拟选中的行为。

      3. 检查你的JavaScript代码:尝试在你的JavaScript代码中使用getElementById方法来获取你的选中状态。然后,你可以在你的JavaScript代码中使用checked属性来设置你的选中状态。

      4. 使用addEventListener方法:你可以使用addEventListener方法来添加一个事件监听器到你的<input type="checkbox">元素上。当你的选中状态改变时,这个监听器就会触发。

      5. 使用checked属性:你也可以直接使用checked属性来设置你的选中状态。这样,即使你的HTML代码中没有使用getElementById方法,你也可以使用checked属性来设置你的选中状态。

      例如:

      html <input type="checkbox" id="myCheckbox" name="myCheckbox">

      javascript document.getElementById('myCheckbox').checked = true;

      javascript document.getElementById('myCheckbox').addEventListener('change', function() { console.log('Checkbox is checked'); });

      以上是可能的解决方案,希望对你有所帮助。

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