elementui 表格单选以及如何将element Radio组件label绑定的值不显示

news/2024/7/24 2:00:09

如果你想要实现如下的效果图就看看 或许对你有帮助
在这里插入图片描述
详情请看如下代码
下面展示一些 内联代码片

// 表格部分代码
 <el-table
    :data="operList"
    fit
    show-header
    style="width: 100%">
    <el-table-column label="选择" width="50">
     <template scope="scope">
      <el-radio :label="scope.row.operNo" v-model="orgValue">{{''}}</el-radio>// {{''}}划重点 如果不想label绑定的值显示请置空
    </template>
    </el-table-column>
    <el-table-column prop="name"  label="操作员名称">
    </el-table-column>
    <el-table-column prop="name" label="操作员机构">
  </el-table>
  // 有几点我觉得有必要解释一下
  // 1.不想显示label绑定的值请务必自己手动添加{{''}}
  // 2.Radio组件的lable绑定的值即为你需要传给后端的值(operNo)
  // 3.Radio组件的v-model为自己手动定义的 传参的时候只需要直接xxx:this.orgValue即可
  // 在我的开发页面中也做了一个模糊查询框 如果有需要可以留言我再添加相应代码

http://www.niftyadmin.cn/n/1367421.html

相关文章

element ui中select 下拉框在火狐浏览器最后一行显示不完全(谷歌正常)

在项目开发的时候用到了el-scrollbar组件 并且设置了隐藏横向滚动条 下面展示一些 内联代码片。 // 隐藏横向滚动条 .el-scrollbar__wrap {overflow-x: hidden; } // 竖向 .el-scrollbar__bar.is-horizontal {height: 0 !important; }因为有以上设置 所以导致在火狐浏览器的时…

关于css中的/deep/的用法(修改elementui库的css但是不影响全局)

在项目中我们经常会用到Less或者Sass 。其中Scoped CSS规范是Web组件产生不污染其他组件&#xff0c;也不被其他组件污染的CSS规范。以elementui库为例 如果我们想修改某一个输入框的长度 但是不想影响全局 这时候就体现了/deep/的重要性 下面展示一些 内联代码片。 // 修改输…

vue根据屏幕大小设置css样式(实时监控屏幕大小)

pc端当屏幕缩小时总会有些css样式不适配 以下代码可以实时监测屏幕大小 下面展示一些 内联代码片。 // 需要动态修改的css <div :class"isWidth ? title : title2">11111</div>// 定义一个变量 return {data(){screenWidth:document.body.clientWidth…

vue v-for循环出来的数组加不同的颜色(颜色循环)

上面方块是由后端返回的数组 需求是每四个方块循环不同的背景颜色 下面展示一些 内联代码片。 // 具体v-for的代码块 <div v-for"(item, index) in appList" :key"index"><span :style"{background:item.color}"></span> //…

vue前端实现下载本地文件(不调用后台接口下载文件模板)

今天给的需求是希望前端本地直接下载模板 不调用后端接口 以下提供两个简单的方法 方法一&#xff1a;使用elementui 下面展示一些 内联代码片。 <el-button type"text" icon"el-icon-download" click"handleDownload">模版下载</el-b…

vue elementui表单验证组件动态修改required状态

最近遇到的需求&#xff1a;在一个表单里&#xff0c;有一个单选项检查结果&#xff1a;&#xff08;无问题 有问题 不适用&#xff09;&#xff08;必填&#xff09;和输入框问题描述下拉框整改状态&#xff1a;(选填)&#xff0c;当检查结果选项值为&#xff08;有问题&#…

二、职场生活

19年毕业到现在已经两年多了&#xff0c;期间换过两家公司。虽然现在我过得还算惬意&#xff0c;但就觉得自己现在的生活就像是在温水煮青蛙&#xff0c;煮我这只懒青蛙。 其实还得感谢我的第一家外包公司&#xff0c;因为在那里受了太多的苦和煎熬。虽然那段日子很难熬但是我也…

Vue/Js 将两个数组合并生成一个对象数组 并为其添加相应的key值

有两个数组&#xff08;示例&#xff09;&#xff1a; let arr1 [张三&#xff0c;李四&#xff0c;王五] let arr2 [18, 19, 20] 你想实现的效果 arr3 [{name: 张三,age: 18},{name: 李四,age: 19},{name: 王五,age: 20} ]实现函数如下 arr1.forEach((item, i) > {arr…