原创 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默認啓用了根據文件類