原创 vue 父組件通過v-model接收子組件的值
`<template> <div> <el-select v-model="typeValue" placeholder="請選擇包類型" @change='typeValChange' > <el-option
原创 原生js dom對象轉爲字符串
適用於通過js獲取的dom對象 document.getElementById('Dom') 比如這樣的獲取到的就是htmlD歐美對象 可以通過 document.getElementById('Dom').innerHTML 將其轉換爲字
原创 html元素有多個類名時,樣式覆蓋問題
<div class="carousel-item carousel-item-active"> </div> 有這樣的代碼段 .carousel-item-active { width: 39.7
原创 js代碼中https頁面無法發起http請求、以及將所有http請求轉換爲https請求的解決方案
在頁面<head>頭部中增加代碼<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">這樣會將頁面中的http請求強制轉換爲https。
原创 原生js 判斷移動端頁面是否滾動到底部
document.addEventListener('touchmove', function() { let scrollTopH = document.body.scrollTop || document.doc
原创 原生js實現loading加載動畫
html: <div class="loading"> <div class="loading-img"> <img src="img/Loading.png" />
原创 原生js,列表項目曝光統計
// 滾動事件 // let scrollIndex = 0; // let lastTop = 0; // document.addEventListener('scroll', funct
原创 查找vue文件中未使用的data中數據
僅支持使用eslint格式化後的vue文件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </hea
原创 vue+element,點擊瀏覽器後退按鈕使用$confirm彈框提示,路由攔截
mounted裏面 if (window.history && window.history.pushState) { history.pushState(null, null, document.URL) wind
原创 vue攔截(阻止)瀏覽器後退事件
需求是這樣的:用戶在編輯頁以及新增頁面時,如果用戶手動要跳轉到其它頁面,就出來一個彈窗提示用戶巴拉巴拉。。。 然後,使用vue的 beforeRouteLeave 路由守衛可以對一些路由操作進行跳轉前提示,但是如果用戶點了瀏覽器的後退按鈕
原创 (vue框架)爲element組件賦初始值以後無法更改值得問題
情況描述:組件未加載時已有初始值,mounted裏面加載數據,賦值,渲染以後,組件無法更改內容data裏面已經有這個表單對象的初始值但還是無法修改,之前有過一次,沒有給表單綁定對象,所以賦值以後無法修改,這次還是無法修改。後來找了好久才知道
原创 vscode開發vue項目時使用eslint格式化代碼
1,vscode下載插件Vetur,ESLint2,安裝以後,ctrl+,打開設置界面3, 設置界面大概長這個樣子,點右上角的大括號,看到沒,我用藍色線圈起來那個然後把下面這段代碼複製進去 { // vscode默認啓用了根據文件類