原创 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