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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    element ui 中的chekbox 哪个属性是让它取消勾选啊?
    32
    0

    <el-checkbox-group v-model="abCityone" @change="handleCheckedCitiesChange1">

          <el-checkbox  v-for="(city, index) in aras" :label="city" :key="index"  @change="retAurn(index)">{{city.name}}</el-checkbox>
        </el-checkbox-group
        
        点击的时候,会勾选!
        然后我设置了一个子组件,用来显示勾选的内容!
        <li v-for="(item, index) in ipTm"
        :key="index"
        v-show="item.selected" @click="remove(index)">
      {{item.name}}
    </li>
    remove: function (i) {
      this.ipTm[i].selected = false
      this.$emit('vbl', this.ipTm[i].selected)  传给父组件的是一个false
      console.log(i, 1111)
      console.log(i, 2222)
    }
    然后我点击子组件显示的文字想让父组件的。。被勾选中的内容,去掉勾选!
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 儡O_o 普通会员 1楼

      在 Element UI 中,可以使用 chekbox 组件的 v-model 属性来实现取消勾选。以下是一个简单的示例:

      html <el-form> <el-input v-model="value" type="text" placeholder="输入内容"></el-input> <el-checkbox v-model="value" @change="handleCheckChange"></el-checkbox> </el-form>

      在上面的示例中,我们有一个 el-input 和一个 el-checkbox 组件。el-input 组件用于输入文本,el-checkbox 组件用于勾选。

      el-checkbox 组件的 @change 事件处理器中,我们可以检查勾选状态。如果勾选状态为 false,我们就清除勾选状态。以下是一个简单的示例:

      javascript handleCheckChange = (e) => { const value = e.target.value; if (value === false) { e.target.checked = false; } };

      在上面的示例中,我们使用 v-model 属性将 value 属性绑定到 el-checkbox 组件。当勾选状态为 false 时,我们就清除勾选状态。

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