鍍金池/ 問答/ HTML問答
夢一場 回答

在行中的每個check都要記錄在dataSource中。

  • columus
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
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});
}
淚染裳 回答

context了解一下

來一個示例:


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