原创 [element-ui] element form 表單自定義驗證

1、驗證當前項 validatorForm(formName, attr, errorTxt) { this.$refs[formName].clearValidate(); // 移除表單項的校驗結果 this.rule

原创 [element ui] 自定義 Carousel 走馬燈組件

1、效果圖 2 代碼 <template> <div class="upload"> <el-carousel :autoplay="false" type="card" height="260px" ind

原创 [element ui] 動態表格

1 、簡單版 <template> <el-table :data="tableDemo.table" style="width: 100%"> <el-table-column :prop="v.prop" :l

原创 [react] 簡單的路由跳轉配置(顯示傳參)

1、首先進入項目目錄,使用 cnpm 安裝 cnpm install react-router-dom 2、根目錄 App.js 引入 import {Route, Switch, BrowserRouter} from '

原创 vue 實現多條件篩選

大體效果圖是這樣的: ​​ 一、涉及的知識點: vue 組件化開發,不懂的可以參考vue 組件基礎 ==》https://cn.vuejs.org/v2/guide/components.html es6 promise 模擬

原创 vue 返回頂部組件(可自定義)

一、大致效果圖 默認: 說明:使用非腳手架開發,腳手架開發使用 ==> 可直接新建.vue文件,複製代碼過去即可。 二、主內容 2.0 頁面調用 <go-top :nav-data="navData" ref="backTo

原创 解決'vue' 不是內部或外部命令,也不是可運行的程序 或批處理文件的方法

window cmd 下出現 'vue' 不是內部或外部命令,也不是可運行的程序 或批處理文件。的解決方法: 1.查看npm安裝的所在位置 prefix = "C:\\Users\\Administrator\\AppData\

原创 解決vuex中state頁面刷新恢復默認值的一些思路

現有需求: 公用頭部組件有個購物車圖標及商品數量(數量默認是0); 點擊加入購物車按鈕時(不同頁面都有加入購物車按鈕,它們之間是非父子組件之間關係),實時改變購物車數量的變化; 我們都知道,實現它可以使用vuex,但是頁面

原创 [react ] webpack配置less、sass/scss

1、使用 cnpm run eject 命令暴露 webpack.config.js 2、頁面已經有 驗證規則,less 沒有,所以添加 less 的 const lessRegex = /\.less$/; const

原创 vue中使用promise、gennerator、async/await

注:json格式請參考圖片上格式。 一、代碼 Promise封裝axios promiseAxios(url, method = 'get', data = {}) { return new Promise((resolve,