在行中的每個check都要記錄在dataSource中。
const columnsMenu = [
{
title: '菜單',
key: 'NAME',
dataIndex: 'NAME',
},
{
title: '全部',
key: 'AUTHORITY_ALL',
dataIndex: 'AUTHORITY_ALL',
render: (text, record) => (<Checkbox onChange={(e) => this.handleCheckbox(e.target.checked, 'AUTHORITY_ALL', record.ID)} checked={record.AUTHORITY_ALL} value={record.ID} />),
},
{
title: '查看權(quán)限',
key: 'AUTHORITY_CHECK',
dataIndex: 'AUTHORITY_CHECK',
render: (text, record) => (<Checkbox onChange={(e) => this.handleCheckbox(e.target.checked, 'AUTHORITY_CHECK', record.ID)} checked={record.AUTHORITY_CHECK} value={record.ID} />),
},
{
title: '編輯權(quán)限',
key: 'AUTHORITY_EDIT',
dataIndex: 'AUTHORITY_EDIT',
render: (text, record) => (<Checkbox onChange={(e) => this.handleCheckbox(e.target.checked, 'AUTHORITY_EDIT', record.ID)} checked={record.AUTHORITY_EDIT} value={record.ID} />),
},
];
handleCheckbox(checked, type, id) {
let {dataSource} = this.props;
dataSource = dataSource.map(data => {
if(data.ID === id) {
data[type] = checked;
if(type === 'AUTHORITY_ALL') {
data['AUTHORITY_EDIT'] = checked;
data['AUTHORITY_CHECK'] = checked;
} else {
data['AUTHORITY_ALL'] = data['AUTHORITY_EDIT'] && data['AUTHORITY_CHECK'];
}
}
return data;
});
dispatch({type: 'xxxx', dataSource});
}
來一個示例:
const FahterContext = React.createContext({})
//頂層組件
class Father extends React.Component{
render(){
const value = {
name : 'william',
job : 'front-end engineer'
}
return (
<FahterContext.Provider value={value} >
<Son/>
</FahterContext.Provider >
)
}
}
//子組件
class Son extends React.Component{
render(){
return (
<div>
<Grandson/>
</div>
)
}
}
//最深層組件
class Grandson extends React.Component{
getProps(value){
return (
<div>
name : {value.name}
<br/>
job : {value.job}
</div>
)
}
render(){
return (
<FahterContext.Consumer>
{ value => this.getProps(value) }
</FahterContext.Consumer>
)
}
}
參數(shù)用對象呀 多舒服
function move(obj){}
調(diào)用:
obj = {
first:'',
modify:''
}
move(obj);
看報(bào)錯信息啊,已經(jīng)告訴你怎么解決了,webpack4已經(jīng)沒有uglifyjsplugin了,用minimize代替
很簡單
點(diǎn)擊 var now = new Date() (轉(zhuǎn)換為你需要的格式) 把這個now存起來(存到你需要存的地方)
改成這樣
$("#CheckedAll").click(function(){
$('[name=items]:checkbox').prop('checked', true);
});
//全不選
$("#CheckedNo").click(function(){
$('[type=checkbox]:checkbox').prop('checked', false);
});
需要重新審核的。一年一審。年檢一樣的。。。
如何將對象中的順序
對象中沒有順序。
如果你想把靜態(tài)資源單獨(dú)拿出來,在本地能夠看到效果你可以這樣做
assetsPublicPath: './'
但這樣也有可能出現(xiàn)圖片路徑不對,你調(diào)整下資源路徑就可以解決了
如果使用
assetsPublicPath: '/'
則在服務(wù)器中是可以看到圖片的,但本地環(huán)境不可以
在bindtap的響應(yīng)函數(shù)里,要聲明 event
參數(shù),然后會返回大概如下結(jié)構(gòu)的event:
{
"type":"tap",
"timeStamp":895,
"target": {
"id": "tapTest",
"dataset": {
"hi":"WeChat"
}
},
"currentTarget": {
"id": "tapTest",
"dataset": {
"hi":"WeChat"
}
},
"detail": {
"x":53,
"y":14
},
"touches":[{
"identifier":0,
"pageX":53,
"pageY":14,
"clientX":53,
"clientY":14
}],
"changedTouches":[{
"identifier":0,
"pageX":53,
"pageY":14,
"clientX":53,
"clientY":14
}]
}
兼容模式默認(rèn)是以ie7標(biāo)準(zhǔn)渲染的,ie7不支持media query,你用ie打開那應(yīng)該是以ie11渲染的。
可以加入這個試下:
<metahttp-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
還看到有人用這個辦法:
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
你可以把這個下載下來引入
你這個文件沒有經(jīng)過loader處理,打包之后不一定在這個目錄下面
methods
是定義方法,調(diào)用的時機(jī)不定;created
等是鉤子,在特定時間調(diào)用。
類似題中這種情況,建議寫到 created
里。
form表單的布局。label部分可以固定寬或者百分比寬,右對齊,float:left。input部分margin-left的值和label部分的值相同即可。label部分和input部分組成一個form-row,一個form由多個form-row組成即可。
以上的布局是參照element-ui的el-form組件
你截圖中里面都說是公眾號開發(fā)的了,小程序就是使用 wx.login 來獲取用戶授權(quán)的信息哩
https://jsfiddle.net/nL2argau/
像這樣嗎?
父組件內(nèi)有兩個表單,點(diǎn)擊提交驗(yàn)證兩個表單是否符合。
先不問樓主干嘛要吧Content-Length這個非常有用的返回頭干掉
Vue是個展示框架,自身不涉及接口請求操作。Vue一般用的就是 axios 吧,header里面刪掉就好了
前端刪某個返回頭基本沒什么意義,你可能考慮在后端接口層刪除,配置 nginx 什么的
已實(shí)現(xiàn),cube-ui中的scroll并不會因?yàn)樵O(shè)置direction為horizontal而生成適應(yīng)的布局,布局應(yīng)自己實(shí)現(xiàn)。添加以下代碼就好
.scroll-wrapper
position: relative;
height: 200px;
overflow: hidden;
.cube-scroll-content
display: inline-block
position: relative
z-index: 1
width 13rem
.cube-scroll-list
margin: 0 auto;
width 13rem
.cube-scroll-item
display: inline-block
width 1.3rem
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
北大青鳥中博軟件學(xué)院創(chuàng)立于2003年,作為華東區(qū)著名互聯(lián)網(wǎng)學(xué)院和江蘇省首批服務(wù)外包人才培訓(xùn)基地,中博成功培育了近30000名軟件工程師走向高薪崗位,合作企業(yè)超4
中公教育集團(tuán)創(chuàng)建于1999年,經(jīng)過二十年潛心發(fā)展,已由一家北大畢業(yè)生自主創(chuàng)業(yè)的信息技術(shù)與教育服務(wù)機(jī)構(gòu),發(fā)展為教育服務(wù)業(yè)的綜合性企業(yè)集團(tuán),成為集合面授教學(xué)培訓(xùn)、網(wǎng)
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。