技術標籤：element-uivue前端jqueryvue.js

條件查詢過多，清空input框浪費時間，所以一鍵清空

1.一次性清空這兩個框裡面的資料

2.
清空按鈕，繫結方法

<el-button @click="funClear" type="danger">清除</el-button>

這裡兩種方式，都可以達到效果

// 清空所有輸入框的值
      funClear () {
        var txts = document.getElementsByTagName('input')
        for
 
 (var i = 0; i < txts.length; i++) {
          if (txts[i].type === 'text' || txts[i].type === 'checkbox') {
            txts[i].value = ''
          }
        }
      },

// 清空所有輸入框的值
      funClear () {
        var formsNum = 0          // 視窗中的FORM數
        var elementsNum = 0       // FORM中的元素數
        // 遍歷所有FORM
 

        for (formsNum = 0; formsNum < window.document.forms.length; formsNum++) {
          // 遍歷FORM中的所有ELEMENT
          for (elementsNum = 0; elementsNum < window.document.forms[formsNum].elements.length; elementsNum++) {
            if (window.document.forms[formsNum].elements[elementsNum].type ==
 
= 'text') {
              window.document.forms[formsNum].elements[elementsNum].value = ''
            }
          }
        }
      },