&

vue雙向綁定，首先來說要搞懂單向傳遞的原理，逐漸深入。父?jìng)髯佑?a rel="nofollow noreferrer">props,子傳父用$emit。
父?jìng)髯舆€好說，在父級(jí)里把要傳入的值，在子組件上動(dòng)態(tài)綁定（v-bind）一個(gè)屬性，把值傳進(jìn)去，然后子級(jí)用props來接受這個(gè)屬性。
子傳父的話有點(diǎn)復(fù)雜，首先來說子級(jí)在一個(gè)方法methods里，用this.$emit('屬性名',傳的值)來傳給父級(jí)，而父級(jí)需要用一個(gè)v-on來接收這個(gè)值。
下述為雙向傳遞，我自己寫了一篇筆記，分享給你，對(duì)你學(xué)習(xí)vue很有幫助，好好研讀

<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>baidu</title>
        <script type="text/javascript" src="js/vue.js"></script>
</head>
<body>
    <div id="app">
       <switchbtn :result="result" @on-result-change="onResultChange"></switchbtn>
       <input type="button" value="change" @click="change">
    </div>
</body>
<script type="text/javascript">
        Vue.component("switchbtn", {
        template: "<div @click='change'>{{myResult?'開':'關(guān)'}}</div>",
        props: ["result"],
        data: function () {
            return {
                myResult: this.result//①創(chuàng)建props屬性result的副本--myResult
            }
        },
        watch: {
            /* 此處是重點(diǎn) */
            result(val) {
                this.myResult = val;//②監(jiān)聽外部對(duì)props屬性result的變更，并同步到組件內(nèi)的data屬性myResult中
            },
            myResult(val){
                this.$emit("on-result-change",val);//③組件內(nèi)對(duì)myResult變更后向外部發(fā)送事件通知
            }
        },
        methods: {
            change() {
                this.myResult = !this.myResult;
            }
        }
    });
 
    new Vue({
        el: "#app",
        data: {
            result: true
        },
        methods: {
            // 外部觸發(fā)方法
            change() {
                this.result = !this.result;
            },
            // 接收
            onResultChange(val){
                this.result=val;//④外層調(diào)用組件方注冊(cè)變更方法，將組件內(nèi)的數(shù)據(jù)變更，同步到組件外的數(shù)據(jù)狀態(tài)中
            }
        }
    });
</script>
</html>

左側(cè)固定定位，左側(cè)自適應(yīng)，在窗口改變的時(shí)候怎么保證不重疊？

誮惜顏回答

兩個(gè)內(nèi)容外面再加個(gè)div 吧. 一般用 flex 實(shí)現(xiàn)最簡(jiǎn)單，或者可以下面這樣。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <style>

body{
  margin:0;
}
#container {
  padding-left: 200px;   /* LC width */
}
#container .column {
  position: relative;
  float: left;
}
#center {
  width: 100%;
  background-color: #ddd
}
#left {
  position: fixed !important;
  left:0;
  width: 200px;          /* LC width */
  background-color: #108EE9;
}

</style>
  </head>
  <body>
    <div id="container">
      <div id="center" class="column"><p>i am here</p></div>
      <div id="left"><p>I am left</p></div>
    </div>
  </body>
</html>

element table組件，新增一條數(shù)據(jù)，有滾動(dòng)條并顯示到對(duì)應(yīng)位置，并高亮顯示如何實(shí)現(xiàn)？

夢(mèng)一場(chǎng) 回答

document.getElementById('tableBox').getElementsByClassName('el-table__body-wrapper')[0].scrollTop =
        document.getElementById('player'+playId).parentNode.parentNode.parentNode.offsetTop

awk 的FS 問題

傻叼回答

沒找到分隔符，視為只有1列，$2就是空

另外，F(xiàn)S要放到BEGIN里：
awk --profile 'BEGIN{FS="--"}{print "**" $1,$2}'

【jq】同一個(gè)頁面如何返回上一級(jí)

真難過回答

history.go(-1)?

JQUERY如何遍歷多個(gè)標(biāo)簽里的內(nèi)容并按規(guī)律存放在另一個(gè)標(biāo)簽里？

伐木累回答

先把你那個(gè)結(jié)構(gòu)解析成一個(gè)數(shù)組，然后遍歷這個(gè)數(shù)組生成html

        var arr = [];
        var i = 0;
        $.each($('.content'),function(index,el){    
            if($(el).find('h1')[0]){
                arr.push({
                    title:$(el).find('h1').text(),
                    list:[{title:$(el).find('i').text()}]
                });
                i++;
            }else{
                arr[i-1].list.push({
                    title:$(el).find('i').text(),                    
                })    
            }                 
        })
        console.log(arr);
        var list = '';
        $.each(arr,function(index){
           var title = '<div class="title">'+arr[index].title+'</div>';
           var li = '';
           $.each(arr[index].list,function(index2){
                li += '<li>'+arr[index].list[index2].title+'</li>'
           })
           var ul = '<ul>'+li+'</ul>'
            list += title + ul;
        });
         $(".list").append(list);

初學(xué)react，router跳轉(zhuǎn)失敗的問題

礙你眼回答

你直接：

hashHistory.push('/chat')

就行了

出這個(gè)錯(cuò)的原因是，<Router> 組件的后代里頭才有可能有 this.props.history，
而你的 App 是在 <Router> 外面的所以沒有 this.props.history，也就是 this.props.history 是 undefined，所以報(bào)錯(cuò)：

無法在 undefined 上找到 push 屬性

希望對(duì)你有幫助

Mac下通過phpize安裝mongodb擴(kuò)展時(shí)openssl明明已經(jīng)更新并符合版本就是通過不了？這什么情況？

淺時(shí)光回答

看過了就是HEADER文件找不到的問題，處理后則可以成功編譯安裝生成 mongodb.so 模塊文件, 不過也有一個(gè)更新簡(jiǎn)單的方法, 不使用 pecl 和 phpize 安裝 mongodb 擴(kuò)展, 那就是使用 brew install phpVS-mongodb 來安裝, phpVS 則是具體版本號(hào), 安裝擴(kuò)展后通過 brew 重啟 php 即可生效！這種方式也方便管理擴(kuò)展，通過 brew 安裝的擴(kuò)展會(huì)在 /usr/local/etc/php/7.1/conf.d/ 目錄下生成對(duì)應(yīng)的擴(kuò)展配置文件如 ext-mongodb.ini, 重啟 php 則會(huì)加載 conf.d 目錄的配置文件。謝了，老鐵！

react ant design mobile的表單怎么用的，怎獲取數(shù)據(jù)報(bào)錯(cuò)

心癌回答

摘抄三點(diǎn)ant design的文檔：

[2.x] “Form 廢棄 getFieldProps，請(qǐng)使用 getFieldDecorator”，快速升級(jí).
注意：使用 getFieldsValue getFieldValue setFieldsValue 等時(shí)，應(yīng)確保對(duì)應(yīng)的 field 已經(jīng)用 getFieldDecorator 注冊(cè)過了。

３.validateFields 校驗(yàn)并獲取一組輸入域的值與 Error，若 fieldNames 參數(shù)為空，則校驗(yàn)全部組件 Function([fieldNames: string[]], options: object, callback: Function(errors, values))

validateFieldsAndScroll 與 validateFields 相似，但校驗(yàn)完后，如果校驗(yàn)不通過的菜單域不在可見范圍內(nèi)，則自動(dòng)滾動(dòng)進(jìn)可見范圍參考 validateFields

webpack的HMR模式配置問題

耍太極回答

https://webpack.js.org/guides...
https://doc.webpack-china.org...

你從哪看的文檔? 這中英文檔里都表示需要使用 webpack.HotModuleReplacementPlugin 這個(gè)插件啊? 沒有提到要在 devServer 里加 inline: true啊,

你也可能參考我的配置: https://github.com/shrekuu/tr...

django 里面的cleaned_data少了數(shù)據(jù)

未命名回答

改成clean_enpassword,改成clean不會(huì)跳提示信息，不知道為什么

window.onresize定義在最根部，push到子路由無法觸發(fā)onresize事件了！

嘟尛嘴回答

onresize是監(jiān)聽屏幕大小才變化吧,你是切換路由后就馬上發(fā)生變化的嘛