ElementUI的el-radio点击没有勾选效果,数据能正常保存

皮蛋 2018-11-13 11:54:08

这是一个<el-dialog/>对话框,点击 男 或者 女,勾选效果一直不变,保存的话数据是对的。
----------------------------------------------------------

----------------------------------------------------------


      <el-form-item label="性别" prop="sex">
        <el-radio-group v-model="form.sexCode">
          <el-radio @click.native.prevent="clickitem(1)" :label="1">男</el-radio>
          <el-radio @click.native.prevent="clickitem(2)" :label="2">女</el-radio>
        </el-radio-group>
      </el-form-item>

let clickitem = function(e) {
     this.form.sexCode = e
     this.form.sex = e == 1 ? true:false
 }

...全文
3688 2 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
皮蛋 2018-11-14
  • 打赏
  • 举报
回复
引用 1 楼 Free_Wind22 的回复:
https://jsfiddle.net/h6zx8Lfp/ 不用绑定点击事件,要同步可以用watch或computed watch:{ 'form.sexCode': function(newValue, oldValue){ this.form.sex = newValue == 1; } },
谢谢大神, 代码可用, 不过这网站打开好慢啊
2018-11-14
  • 打赏
  • 举报
回复
https://jsfiddle.net/h6zx8Lfp/

不用绑定点击事件,要同步可以用watch或computed

watch:{
'form.sexCode': function(newValue, oldValue){
this.form.sex = newValue == 1;
}
},

87,992

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧