1-element使用

1、table里面

          <el-table-column
            prop="date"
            label="123">
            <template slot-scope="scope">  //寫在這里面才會渲染
            </template>
          </el-table-column>

2、el-button文字自動換行無效,el-menu-item文字自動換行無效
3、時間選擇器,今天+今天后(今天,今天之前)

//data里面
        pickerBeginDateBefore: {
          disabledDate: (time) => {
            let timeSpace = time.getTime() >= Date.now()
            return timeSpace
          }
        },
        pickerBeginDateAfter: {
          disabledDate: (time) => {
            let timeSpace = time.getTime() < (Date.now() - 86400000)
            return timeSpace
          }
        }
//template里面
        <el-form-item label="到賬日期">
          <el-date-picker
            v-model="formSuccess.arrivalDate"
            type="date"
            format="yyyy -MM -dd"
            :picker-options="pickerBeginDateBefore"></el-date-picker>
        </el-form-item>

        <el-form-item label="續費后有效期">
          <el-date-picker
            v-model="formSuccess.afterEffectiveDate"
            type="date"
            :picker-options="pickerBeginDateAfter">
          </el-date-picker>
        </el-form-item>

4、注意!!!如果用了封裝組件的話,比如element,這個時候使用按鍵修飾符需要加上.native

比如:<el-input v-model="account" placeholder="請輸入賬號" @keyup.enter.native="search()"></el-input>

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容