成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Element表格嵌入復(fù)選框以及單選框

番茄西紅柿 / 2912人閱讀

摘要:,表格嵌入效果圖如下,結(jié)合實現(xiàn)單選效果如下代碼提供的單選方法可以使當(dāng)前選中行高亮單選方法返回選中的表格行操作添加一個多選框控制選中與否日期姓名地址代碼王小虎上海市

1,element 表格嵌入CheckBox

效果圖如下:

 2,element結(jié)合checkBox實現(xiàn)單選效果如下:

html代碼:

 js代碼:

 

export default {
    name: shopInfo,

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

    created () {
      this.setTable()
    },

    methods: {
      setTable () {
        let resdata = [{
          id: 44,
          date: 2016-05-03,
          name: 王小虎,
          address: 上海市普陀區(qū)金沙江路 1518 弄
        }, {
          id: 89,
          date: 2016-05-02,
          name: 王小虎,
          address: 上海市普陀區(qū)金沙江路 1518 弄
        }, {
          id: 23,
          date: 2016-05-04,
          name: 王小虎,
          address: 上海市普陀區(qū)金沙江路 1518 弄
        }, {
          id: 88,
          date: 2016-05-07,
          name: 王小虎,
          address: 上海市普陀區(qū)金沙江路 1518 弄
        }]
        // 后臺數(shù)據(jù)返回后,手動添加一個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)
      }
    }
  }

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/1003.html

相關(guān)文章

  • html部分知識點學(xué)習(xí)

    摘要:全部的取值如下關(guān)于屬性解釋五元素作用將另一個頁面嵌入到當(dāng)前頁面中知識點標(biāo)簽?zāi)壳耙呀?jīng)很少用到。頁面頁面頁面屬性取值空值刷新并返回頂部錨點不會刷新頁面,不發(fā)起請求,點了沒反應(yīng)。 一、什么是空標(biāo)簽沒有閉合的標(biāo)簽稱為空標(biāo)簽。 一個空元素(empty element)可能是 HTML,SVG,或者 MathML 里的一個不可能存在子節(jié)點(例如內(nèi)嵌的元素或者元素內(nèi)的文本)的element。 ...

    libxd 評論0 收藏0
  • Html知識點

    摘要:和的區(qū)別表示只讀,只能用于文本框,不能修改內(nèi)容,它的值可以隨表單提交給服務(wù)器表示該元素不可用,不響應(yīng)事件,不能修改內(nèi)容。同時不響應(yīng)事件。通配選擇器屬性為的元素中,所有的子元素均采用該樣式。表示按照格式規(guī)則正常定位。1、企業(yè)應(yīng)用計算模式主要有:CS模式(客戶端/服務(wù)器)和BS模式(瀏覽器/服務(wù)器模式) 2、html:超文本標(biāo)記語言。以標(biāo)記和子標(biāo)記描述網(wǎng)頁元素?! ttp:超文本傳輸協(xié)議。 3...

    番茄西紅柿 評論0 收藏0
  • HTML常用標(biāo)簽的使用

    摘要:但是,可以在正常的文檔主體中使用。該名稱可以用作標(biāo)簽,標(biāo)簽的屬性值,或標(biāo)簽和標(biāo)簽的屬性值。標(biāo)簽元素用于為基于的表單創(chuàng)建交互式控件,以便接受來自用戶的數(shù)據(jù)。標(biāo)簽的元素表示表格數(shù)據(jù)即通過二維數(shù)據(jù)表表示的信息。 一、常見標(biāo)簽詳解 1、標(biāo)簽 HTML內(nèi)聯(lián)框架元素 表示嵌套的瀏覽上下文,有效地將另一個HTML頁面嵌入到當(dāng)前頁面中。在HTML 4.01中,文檔可能包含頭部和正文,或頭部和框架集,...

    nevermind 評論0 收藏0
  • Python2+Selenium入門05-關(guān)于WebElement

    摘要:前面一節(jié)主要介紹了類,這一節(jié)則主要介紹類。提供了一些功能屬性和方法來實現(xiàn)與網(wǎng)頁元素的交互,這些元素主要包括文本框文本域按鈕單選框多選框表格等等。 前面一節(jié)主要介紹了 WebDriver 類,這一節(jié)則主要介紹 WebElement 類。WebElement 提供了一些功能、屬性和方法來實現(xiàn)與網(wǎng)頁元素的交互,這些元素主要包括文本框、文本域、按鈕、單選框、多選框、表格等等。 WebEleme...

    Freeman 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<