原创 Vue實現標籤t跳轉 標籤 href 動態拼接 ,vue打開外鏈鏈接,點擊後使用新窗口打開網頁

a標籤 此處鏈接爲一個外鏈接 傳統得 ajax get請求 攜帶字符串 item.goods_id 商品id <a :href="$global.http+ '/b2b/addCart?gid='+ item.goo

原创 蘋果手機 input框兼容性,input 在iPhone 上 上邊框有陰影

一、樣式復現 h5移動端開發,發現在蘋果手機上input顯示有問題。input的border已經初始化設置爲none了,根據需求進行了border樣式的重置。 但在蘋果手機上渲染有問題。如下圖所示: 二、解決方案: input{

原创 vue項目繁體字切換,臺灣語言

在項目中安裝相應包 npm i language-tw-loader 修改webpack 配置文件 在 build 文件夾下找到 webpack.base.conf.js 這個文件,在 module 的 rules 下面添加

原创 vue form圖片上傳功能,input type="file" 圖片上傳

vue 圖片上傳功能 <template> <div class="file_box "> <span class='upload'> <input type="file" name="" id="" v

原创 Vue實現<a>標籤t跳轉 <a>標籤 href 動態拼接 ,vue打開外鏈鏈接,點擊後使用新窗口打開網頁

a標籤 此處鏈接爲一個外鏈接 傳統得 ajax get請求 攜帶字符串 item.goods_id 商品id <a :href="$global.http+ '/b2b/addCart?gid='+ item.goods

原创 vue js生成圖片二維碼-- qrcode插件

在項目中安裝依賴 npm install --save qrcode 2.在項目中使用 <template> <div id='code'></div> <canvas id="canvas" ref =

原创 vue項目登陸設置cookie、獲取cookie 、刪除 cookie

1.定義方法到存儲全局變量 的 global.js 文件中 設置 domain 值 const domain= ’ 域名 ‘; 設置該cookie只對 改域名生效 //設置cookie,增加到vue實例方便全局調用 fun

原创 vue項目中調用百度地圖api

本想在項目中配送區域模塊中是使用,結果被老大ps,記錄下吧! 1.首先去百度。[百度地圖API ] : http://lbsyun.baidu.com/apiconsole/key 申請密鑰(ak) ,此次使用v1.5以後版本。

原创 css實現超出用…省略號隱藏,單行隱藏 多行…省略號隱藏

純css實現 1.單行隱藏 …代替 { overflow: hidden; text-overflow:ellipsis; white-space: nowrap;

原创 商城圖片特效、純css圖片上移動、左移動、右移動、放大、圖片蒙白效果

純css寫實現效果,複製對應樣式到問價,根據上下級添加對應的 樣式 每種效果需要複製兩端代碼 1.轉換 2. 過渡動畫 /過渡效果/ .movetop img { /上移動/ transition: 0.5s all ea

原创 vue 項目上傳到git 提交到測試服

1.由後臺人員先部署,在git上傳到分支 ‘ test ’用於放項目; 2.前端開發人員:vue項目開發完成後,在項目中運行 npm run dev build node會自動將項目編譯到相關文件夾; 在 D:\workspac

原创 vue-cli 搭建項目使用局域網訪問,通過ip地址訪問項目

vue-cli 搭建項目使用局域網訪問,通過ip地址訪問 使用vue-cli搭建的項目,別人可以訪問電腦 ip訪問項目 在config文件中找到 index.js 文件 中找到下面代碼 module.exports = {

原创 使用Echarts多個圖表響應式以及其他問題

1.限制柱狀圖的寬度(自適應的柱子很大)            barMaxWidth:30//設置柱狀最大的寬度 2.設置y軸的label標籤顯示(單位 元 轉 萬)   axisLabel: {     

原创 vue項目中使用ztree樹形插件,ztree請求後臺數據渲染Dom

使用npm install jquery –save 在項目中安裝ztree依賴文件 jquery; 在index.html裏面引用ztree樣式文件zTreeStyle.css(前面的圖標可以自定義可以參考官網) 3.在項目中

原创 使用 git 把遠程倉庫(github/碼雲)的代碼拉到本地進行開發

使用 git 把遠程倉庫(github/碼雲)的代碼拉到本地進行開發 使用git gui 進行拉取 github 和 碼雲 均爲 代碼託管平臺,兩平臺拉取代碼 差別在於 獲取倉庫的地址位置不同,具體用於哪個平臺看個人喜好 登錄g