elementUI中radio的相关使用

radio的使用
change：绑定值变化时触发的事件

<template><div style="padding:20px;"><el-card><el-radio v-model="radio" label="1">选择1</el-radio><el-radio v-model="radio" label="2">选择2</el-radio></el-card><el-card style="margin-top:20px;"><el-radio-group v-model="radioChoose" @change="selectFruit"><el-radio :label="1">APPLE</el-radio><el-radio :label="2">BANANA</el-radio><el-radio :label="3">WATERMELLON</el-radio></el-radio-group></el-card><el-card style="margin-top:20px;"><el-radio-group v-model="chooseOption" @change="selectOption"><el-radio-buttonv-for="item in radioOption":key="item.value":label="item.value"></el-radio-button></el-radio-group></el-card><el-card style="margin-top:20px;"><el-radio-group v-model="chooseOption" @change="selectOption"><el-radiov-for="item in radioOption":key="item.value":label="item.value"border></el-radio></el-radio-group></el-card></div>
</template><script>
export default {name: "",data() {return {radio: "1",radioChoose: 1,chooseOption: "苹果",radioOption: [{value: "苹果",},{value: "香蕉",},{value: "西瓜",},],};},methods: {selectFruit() {console.log("radioChoose", this.radioChoose);},selectOption() {console.log("chooseOption", this.chooseOption);},},
};
</script><style lang="scss" scoped></style>

效果展示
参考elementUI

elementUI中radio的相关使用相关推荐

如何获取select中的value、text、index相关值如何获取单选框中radio值触发事件 radio 默认选中...
如何获取select中的value.text.index相关值 select还是比较常用的一个标签,如何获取其中的内容呢? 如下所示: <select id="select" ...
ElementUI中el-upload传递额外参数为date类型时后台SpringBoot接收不到
场景 ElementUI中el-upload怎样上传文件并且传递额外参数给Springboot后台进行接收: https://mp.csdn.net/console/editor/html/10797 ...
ElementUI中的el-table实现递增的序号列
场景 ElementUI中的el-table中实现动态添加一行.删除一行.清空所有行: https://mp.csdn.net/console/editor/html/107815187 在上面中能实 ...
ElementUI中的el-table实现多选框不勾选的提示
场景 ElementUI中的el-table怎样实现多选与单选: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/107769640 ...
java弹窗触发事件_关于ElementUI中MessageBox弹框的取消键盘触发事件(enter,esc)关闭弹窗(执行事件)的解决方法...
好久没见了在项目中遇到一个小小的需求,总结了一下! 详细我就不介绍了,相信大家用过的话,很了解.详见文档-----------> http://element-cn.eleme.io/#/zh ...
关于ElementUI中MessageBox弹框的取消键盘触发事件(enter,esc)关闭弹窗(执行事件)的解决方法...
好久没见了在项目中遇到一个小小的需求,总结了一下! 详细我就不介绍了,相信大家用过的话,很了解.详见文档-----------> http://element-cn.eleme.io/#/zh ...
element-ui手风琴自定义html,element-ui中el-table expand 手风琴效果，展开里面的内容或者ta...
element-ui中el-table expand 手风琴效果,展开里面的内容或者ta element-ui中el-table expand 手风琴效果,展开里面的内容或者table,展开下一个,上 ...
Element-Ui组件 Radio 单选框修改点击激活时的文本颜色，填充色和边框色
1.修改elementUI中的radio的默认样式官网默认样式: 想要实现样式: (想要修改elementUI中组件radio的默认样式,改为自定义的文本和填充色,然后使用官方文档中的fill,实践 ...
Element UI 左侧折叠导航栏配合el-asid文字闪烁的问题，element-UI 中beforeLeave用法，echarts 无法获取属性“getAttribute”的值
Element UI 左侧折叠导航栏配合el-asid文字闪烁的问题 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eayAJOoj-1600259160168)(C: ...

elementUI中radio的相关使用

elementUI中radio的相关使用

elementUI中radio的相关使用相关推荐

最新文章

热门文章