原创 vue路由傳參方式 nuxt
vue路由傳參常用的三種方式1、通過params來傳遞參數(本人常用)傳遞參數接收參數<li v-for="article in articles" @click="getDescribe(article.id)">2、通過path跳轉
原创 checkbox 選中與未選中狀態 來自米蒙服務器端渲染項目
1、效果2、html代碼片段 <div class="pay_style"> <h5>請選擇支付方式</h5> <label class="b-b noflex clearfix relative"
原创 vue處理ie兼容性問題
安裝 babel-polyfill (cnpm install babel-polyfill --save-dev)在入口文件中引入 import "babel-polyfill" 或者 require("babel-polyfill")
原创 webpack自動加前綴配置
https://blog.csdn.net/xiaotuni/article/details/78014852
原创 nuxt 路由擴展配置
霸氣的把mimon中的-mi 去掉(在nuxt.config.js中) router: { extendRoutes (routes) { // 風騷的把-mi去掉 routes.forEach(elem
原创 webpack打包後圖片顯示問題
1、先解釋一下這段配置代碼的意思,test是正則匹配規則,匹配項目中所有的以正則規則結尾的格式的文件,然後通過url-loader進行處理,不大於10kb就會進行base64轉碼,就是將圖片轉爲base65格式,如果超過10KB的圖片就單
原创 css文字兩行或者幾行顯示省略號
一行顯示否則省略號 .line-clamp1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:
原创 基礎css 移動端common.css
common.css@charset "UTF-8"; @import "//at.alicdn.com/t/font_685265_m1i702fnk4kj4i.css"; html, body, div, span, applet,
原创 ie瀏覽器打開vue項目白屏問題
第一步: cnpm install babel-polyfill -S 第二步: 在入口文件main.js文件中引入 import “babel-polyfill” 修改配置文件 vue-loader.conf.js ent
原创 option在IE上隱藏不了問題解決方案
$("#selectEventopt option[value='locked']").wrap("<span style='display:none'></span>"); $("#selectEven
原创 純css按鈕的實現
效果如下(帶動畫): <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="widt
原创 vue組件中插槽的使用
1、定義一個名字爲headerBannar.vue的子組件,場景:帶banner的導航欄裏某塊兒文字內容及樣式自定義 代碼如下: <slot name="theme"></slot> 父組件中: <common-hea
原创 radio 選中不選中樣式 2種方式
效果 代碼: <div class="radio-l"> <input type="radio" name="ll" value="
原创 css小三角提示信息
實現效果如下:不帶邊框的效果帶邊框的效果1、不帶邊框css:*{margin:0;padding:0;} body{ background:#666; font:
原创 阻止事件冒泡觸發父元素的事件
v-on:click.stop.prevent="dosomething()" <a v-on:click.stop="doThis"></a> <!-- 提交事件不再重載頁面 --> <form v-on:submit.preven