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