摘要:內容框架里返回的數據,是從中返回的新的中獲取的后面要跟名這里面的是在頂部獲取的路徑跳轉如果是內部路徑,可以用如果是外部路徑,可以用不可以用剛加載的時候頁面無內容的地方背景為黑色,應該設置全局樣式不設置定位,不起作用的定義中請求數據根據后臺給
College 內容框架
mapStateToProps里返回的數據, 是從CollegeRedux中reducer返回的新的state中獲取的 mapStateToProps(state) { return { article: state.CollegeReducer.article //state后面要跟reducer名 } }
mapDispatchToProps(dispatch) { return { action: bindActionCreators(actions, dispatch) //這里面的actions是在College頂部獲取的 import { actions } from "CollegeRedux"; } }路徑跳轉
如果是內部路徑,可以用browserHistory.push("/college/basic"); 如果是外部路徑,可以用window.location.; 不可以用browserHistory.push
剛加載的時候頁面無內容的地方背景為黑色,應該設置全局樣式 .wrapper { width: 100%; height: 100%; position: absolute; //不設置定位,不起作用 }CollegeRedux:
action的定義中請求數據 function getArticle() { return (dispatch) => { axios({ method: "post", ..., onSuccess: (res) => { dispatch({ type: "ARTICLE", data: res.list //根據后臺給的接口 }) } }) } }
輸出reducer export default function CollegeReducer( state=initState, action ) { switch(action.type) { case "ARTICLE": return Object.assign({}, state, { article: action.data }); } }
輸出總的 actions export const actions = { //注意不是這里用bindActionCreators getArticle, ... } 多個頁面可以使用同一個CollegeRedux文件,不用重新寫一個redux文件
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/88538.html
摘要:開始時間日接觸,先在官網十目一行學完了基本特性,作為一個的偽全棧,用感受了一把雙向綁定,感覺比的要強悍不少,但這開發環境吧,不能寫個,就總覺得自己不能零距離接觸。 開始時間:3.26日接觸Vue,先在官網十目一行學完了基本特性:http://cn.vuejs.org/v2/guide/,作為一個JAVA WEB的偽全棧,用Myclipse感受了一把雙向綁定,感覺比JQUERY的JSRE...
閱讀 3931·2021-11-24 10:46
閱讀 1820·2021-11-16 11:44
閱讀 2296·2021-09-22 16:02
閱讀 1405·2019-08-30 15:55
閱讀 1134·2019-08-30 12:46
閱讀 570·2019-08-28 18:31
閱讀 2765·2019-08-26 18:38
閱讀 1098·2019-08-23 16:51