Yii Vue2前後端分離系統

Yii Vue2前後端分離系統

記錄動態修改element中el-calendar日曆組件日期的高度

首先看下需求頁面的整體佈局。 頁面分為上下佈局，上邊模塊包含左側日曆和右側導入部分，下邊模塊是數據狀態部分。日曆和導入組件固定高度420px;日曆寬度500px;數據狀態寬度100%，高度自適應。 項目是由vue2+elementui開發，這裏主要説的是日曆的高度如何動態設置？ 由於業務需求，日曆只展示當前月份數據，使用css將上個月份和下個月份數據進行隱藏，所以日曆有時是5行數據展示，有

element-UI組件工具中button的原生代碼

實現的效果圖 實現代碼 !-- * @Author: [you name] * @Date: 2021-10-13 14:27:18 * @LastEditors: [you name] * @LastEditTime: 2021-10-14 16:21:38 * @Description: -- !DOCTYPE html html lang="en" head met

composition events於v-model中的使用

前言：我們都知道vue中v-model指令可以實現雙向數據綁定，但他本質是一個語法糖，比如組件上的v-model默認會利用名為value的 prop 和名為input的事件。在自定義實現的過程中，發現在使用輸入法時，輸入拼音選擇候選詞同樣會觸發原生input標籤的input事件，從而更新value。但element-ui的input組件便不會如此，其實就是用到了composition events

flex佈局下的<el-tooltip>位置問題與解決方案

問題描述 想在el-tabs/el-tabs裏的每一個el-tab-pane/el-tab-pane上加一個el-tooltip/el-tooltip 代碼如下所示： el-tabs v-model="choseTab" tab-position="left" el-tab-pane v-for="(config,k) in assetCheckConfig" :key="k.

Yii2.0+Vue2.0前後端分離框架通用後台源碼

yii-vue-cms 是一個yii2 + vue + element-ui的後台極速開發框架，前後端分離。 可通過gii實現自動生成頁面（支持文本、富文本、單圖、多圖、生成），快速開發。 基礎功能有： 權限管理（實現了頁面路由 + 接口權限控制, 接口權限可隨意關閉）、圖片相冊、圖片上傳、富文本、導出。網址： http://yii2.vue2.notestore.cn/index.html

Yii Vue2前後端分離系統

Yii2.0+Vue2.0+Element2.0

https://download.notestore.cn/2022/03/03/yii-vue-admin/

Leadshop【V1.1.5已發佈】新增：店鋪裝修：增加公告組件、標題組件、選項卡組件、商品組件，可單獨設置背景色等諸多功能！

Leadshop免費開源商城V1.1.5，歡迎下載 下載地址： https://gitee.com/leadshop/leadshop/releases 新增：店鋪裝修--增加公告組件 新增：店鋪裝修--標題組件、選項卡組件、商品組件，可單獨設置背景色 新增：手機店鋪首頁--提示用户收藏小程序 新增：安裝的環境檢測 新增：公眾號商城個人中心可換手機號綁定 優化：手機端

element-ui部分引入失效問題追蹤

背景 項目使用vue2與element-ui；最近發現項目的部分引入失效了 // babel.config.js module.exports = api = { return { "presets": ['@vue/cli-plugin-babel/preset'], "plugins": [ [ "compon

element plus cascader lazyload 加載失敗後如何重新加載

我們通過setTimeout 來模擬加載數據， 通過直接resolve來模擬數據加載失敗。 代碼如下， 發現加載完後再次點擊是無法加載數據的。 代碼 https://element-plus.run/#eyJBcHAudnVlIjoiPHRlbXBsYXRlPlxuICA... 分析 從源碼裏面看是有一個變量來判斷他是否可以重新加載數據的。將 loaded 置為false後， 再次點擊是可

實現el-table樹結構表格展開摺疊且合併單元格功能（兩種思路）

需求描述 樹結構表格 可展開摺疊，有children子集項 並且對應列還需要合併單元格（大類合併） 筆者試了試 使用el-table自帶的樹結構表格似乎沒法實現 就這個：:tree-props="{children: 'children', hasChildren: 'hasChildren'}" 於是，只能換種思路實現了 添加行、刪除行方式，同時動態計算需要合併的單元格信息 效

模擬elementui輸入框el-input樣式效果

背景： 使用elementui組件時，通常會碰到這類需求，需要el-input一樣的樣式效果，但是不能輸入，卻需要點擊叉叉刪除文字內容，提供的原始屬性無法滿足，所以需要做一些改動。 要求： 1、交互效果和el-input一致； 2、不可輸入，但是可以點擊右側叉叉清空內容； 3、右側叉叉在文本框沒有內容時隱藏，有內容時，鼠標移上去顯示，鼠標移出隱藏； 效果圖如下： 代碼如下：vue 2

前端工程師工作週報

0大前提：A系統是vue2+elementui 主要功能： 實現elementui貼近antdesign周選擇器和級聯選器的功能， 造輪子， 各種組件拼接， 使用源碼的api或者樣式早哦輪子 1.領導讓寫一個周選擇器，類似antd4.x版本的， 如下： ps：為什麼強調antd的版本， 因為antd4.x在我的A系統中不可用 因此用cursor重寫了一個輪子， 從div寫起， 邊問ai邊改

自定義頭部和左側的日期選擇組件 - 基於elementui的日期組件

代碼倉庫 https://gitee.com/wang-qianyuan/demo/tree/master/src/componen... 實戰效果 坑點resolve 使用node_module的elementui源碼的面板，報錯 內部用了一些webpack不能解析活轉化的內容， 問問ai， 更加具體， 我忘了~ 解決： 在vue.config.js中配置別名和轉化

elementui的遠程搜索select反覆點擊，光標一直可輸入&可拖拽div

問題描述： 點擊一下，聚焦，有光標， 可輸入 點擊第二下， 失去焦點， 無光標， 不可輸入 期望 ld期望不管點擊多少下， 都有光標可輸入 解決方案： 找ai， 不斷調試 注意：如果是可清空的遠程搜索select， 清空會有問題， 自行造一個x圖標， 然後寫功能， 還要注意hover到x圖標的時候不斷閃爍問題， x就讓它一直顯示算了， 不做hoverselect的時候才展示 d

el-table在使用fixed固定列，表格錯亂問題

發現表格在初始值的時候，顯示正常，滑動到底部時，左側表格與固定列表高度不對齊，根據網上嘗試很多方法，修改css都不管用。 經過觀察發現，在初次加載時是正常的，只有在滑動到接近底部位置，不對齊。 解決思路：封裝全局指令（通過監聽table滾動到底部事件），避免重複邏輯，進行doLayout操作： el-table

vue2項目同時引用了element ui的Dialog組件和iview ui的Model組件，Dialog遮擋Model內容

今天調試頁面效果的時候遇到這樣一個問題，就是項目中同時引用了element ui的Dialog彈窗組件和iview ui的Model彈窗組件，點擊Dialog彈窗中的某個輸入框需要彈出使用Model組件製作的地圖彈窗，發現如圖Model彈窗被Dialog彈窗遮擋，後面是在element ui的Dialog彈窗組件上加了句z-index:999解決了該問題，彈窗層級默認是自增的，但是使用不同