Element表格嵌入复选框以及单选框

番茄西红柿发布于2019-04-23 11:40 / 2738人阅读

摘要：，表格嵌入效果图如下，结合实现单选效果如下代码提供的单选方法可以使当前选中行高亮单选方法返回选中的表格行操作添加一个多选框控制选中与否日期姓名地址代码王小虎上海市

1，element 表格嵌入CheckBox

效果图如下：

2，element结合checkBox实现单选效果如下：

html代码：

js代码：

export default {
    name: shopInfo,

    data () {
      return {
        tableData3: []
      }
    },

    created () {
      this.setTable()
    },

    methods: {
      setTable () {
        let resdata = [{
          id: 44,
          date: 2016-05-03,
          name: 王小虎,
          address: 上海市普陀区金沙江路 1518 弄
        }, {
          id: 89,
          date: 2016-05-02,
          name: 王小虎,
          address: 上海市普陀区金沙江路 1518 弄
        }, {
          id: 23,
          date: 2016-05-04,
          name: 王小虎,
          address: 上海市普陀区金沙江路 1518 弄
        }, {
          id: 88,
          date: 2016-05-07,
          name: 王小虎,
          address: 上海市普陀区金沙江路 1518 弄
        }]
        // 后台数据返回后,手动添加一个checked属性控制选中与否
        resdata.forEach(item => {
          item.checked = false
        })
        this.tableData3 = resdata
      },

      handleSelectionChange (row) {
        this.tableData3.forEach(item => {
          // 排他,每次选择时把其他选项都清除
          if (item.id !== row.id) {
            item.checked = false
          }
        })
        console.log(row)
      }
    }
  }

专线服务私有云单选框 html打勾单选框 js单选框只读 php 单选框取值

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1003.html

html部分知识点学习

摘要：全部的取值如下关于属性解释五元素作用将另一个页面嵌入到当前页面中知识点标签目前已经很少用到。页面页面页面属性取值空值刷新并返回顶部锚点不会刷新页面，不发起请求，点了没反应。一、什么是空标签没有闭合的标签称为空标签。一个空元素（empty element）可能是 HTML，SVG，或者 MathML 里的一个不可能存在子节点（例如内嵌的元素或者元素内的文本）的element。 ...

libxd 2019-08-02 16:17 评论0 收藏0
Html知识点

摘要：和的区别表示只读，只能用于文本框，不能修改内容，它的值可以随表单提交给服务器表示该元素不可用，不响应事件，不能修改内容。同时不响应事件。通配选择器属性为的元素中，所有的子元素均采用该样式。表示按照格式规则正常定位。1、企业应用计算模式主要有：CS模式（客户端/服务器）和BS模式（浏览器/服务器模式） 2、html:超文本标记语言。以标记和子标记描述网页元素。　　http：超文本传输协议。 3...

番茄西红柿 2019-04-23 13:35 评论0 收藏0
HTML常用标签的使用

摘要：但是，可以在正常的文档主体中使用。该名称可以用作标签，标签的属性值，或标签和标签的属性值。标签元素用于为基于的表单创建交互式控件，以便接受来自用户的数据。标签的元素表示表格数据即通过二维数据表表示的信息。一、常见标签详解 1、标签 HTML内联框架元素表示嵌套的浏览上下文，有效地将另一个HTML页面嵌入到当前页面中。在HTML 4.01中，文档可能包含头部和正文，或头部和框架集，...

darryrzhong 2019-08-05 14:06 评论0 收藏0
HTML常用标签的使用

摘要：但是，可以在正常的文档主体中使用。该名称可以用作标签，标签的属性值，或标签和标签的属性值。标签元素用于为基于的表单创建交互式控件，以便接受来自用户的数据。标签的元素表示表格数据即通过二维数据表表示的信息。一、常见标签详解 1、标签 HTML内联框架元素表示嵌套的浏览上下文，有效地将另一个HTML页面嵌入到当前页面中。在HTML 4.01中，文档可能包含头部和正文，或头部和框架集，...

nevermind 2019-08-02 10:38 评论0 收藏0
Python2+Selenium入门05-关于WebElement类

摘要：前面一节主要介绍了类，这一节则主要介绍类。提供了一些功能属性和方法来实现与网页元素的交互，这些元素主要包括文本框文本域按钮单选框多选框表格等等。前面一节主要介绍了 WebDriver 类，这一节则主要介绍 WebElement 类。WebElement 提供了一些功能、属性和方法来实现与网页元素的交互，这些元素主要包括文本框、文本域、按钮、单选框、多选框、表格等等。 WebEleme...

Freeman 2019-07-31 10:06 评论0 收藏0