原创 Vue入門到放棄15(vue-resource 示例之 vue對數據庫數據增刪查)

數據列表接口 查詢: 地址   http://www.liulongbin.top:3005/api/getprodlist 作用描述 獲取品牌數據json數據 請求方式 Get 傳入api的參數 無 返

原创 Vue入門到放棄21(組件-切換案例)

  一、通過v-if控制實現   首先我們通過前面介紹的v-if標籤來實現下這種效果 1.創建組件   創建我們需要的兩個全局組件,並通過標籤使用。 <body> <div id="app"> <a href=

原创 PHP導出excel表格(可多表)SQL

function active($xlsName='', $xlsCell=array(), $xlsModel=''){ // 合計人數 // $fileName = "國慶活動"; // $head

原创 Vue入門到放棄24(vue獲取DOM元素和組件--ref和$refs的使用)

ref 有三種用法:   1、ref 加在普通的元素上,用this.ref.name 獲取到的是dom元素   2、ref 加在子組件上,用this.ref.name 獲取到的是組件實例,可以使用組件的所有方法。   3、如何利用 v-f

原创 前臺驗證電話或姓名重複(jquery綁定input的change事件)

  //引入jQuery <script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script> //表單信息 <form actio

原创 微信公衆號(八)——關注時自動回覆(文字 圖片)

 微信監聽到事件後回調到到我們公衆號配置好的接口地址 /** * 配置Token!!! */ public function home(){ $signature = $_GET["signa

原创 Vue入門到放棄23(vue案例--評論列表)

基礎頁面 <body> <div id="app"> <ul class="list-group"> <!--循環取出列表數據--> <li class="list

原创 Vue入門到放棄22(vue組件-父子組件傳值)

Vue父子組件傳值 父組件傳值給子組件 2.效果實現 1.父組件,可以在引用子組件的時候, 通過 屬性綁定(v-bind:) 的形式, 把 需要傳遞給 子組件的數據,以屬性綁定的形式,傳遞到子組件內部,供子組件使用 2.在子組件中有個

原创 Vue入門到放棄25(vue路由--router)

什麼是路由 1.後端路由:對於普通的網站,所有的超鏈接都是URL地址,所有的URL地址都對應服務器上對應的資源; 2.前端路由:對於單頁面應用程序來說,主要通過URL中的hash(#號)來實現不同頁面之間的切換,同時,hash有一個特點:

原创 Vue入門到放棄10(過濾器應用-時間格式字符串格式化)

過濾器應用-時間格式字符串格式化    // 全局的過濾器, 進行時間的格式化 // 所謂的全局過濾器,就是所有的VM實例都共享的 Vue.filter('dateFormat', function (dateStr,

原创 Vue入門到放棄01(基礎入門)(vue介紹與入門)詳解

什麼是Vue.js Vue.js 是目前最火的一個前端框架,React是最流行的一個前端框架(React除了開發網站,還可以開發手機App, Vue語法也是可以用於進行手機App開發的,需要藉助於Weex) Vue.js

原创 Vue入門到放棄06(Vue v-for)

<body> <div id="app"> <!-- 原始操作 --> <p>{{list[0]}},{{list[1]}}、、、</p> <p v-for="item in list">{{

原创 Vue入門到放棄05(Vue樣式處理class、style)

  在Vue中使用樣式 使用class樣式 數組 <h1 :class="['red', 'thin']">這是一個邪惡的H1</h1> 數組中使用三元表達式<h1 :class="['red', 'thin', isactive?

原创 微信分享網頁時自定義標題、描述和圖片

目的:微信瀏覽器分享網頁自定義標題、描述和圖片            效果: pc端:                                          手機端:                             

原创 Vue入門到放棄03(Vue事件修飾符詳解)

事件修飾符: .stop                            阻止冒泡 .prevent                       阻止默認事件 .capture