鍍金池/ 問答/ HTML問答
冷溫柔 回答

let copySearch = {...this.search}這個也不算深復(fù)制吧,屬性gather還是對同一個數(shù)組的引用吧

掛念你 回答
若是組件需要調(diào)用的時候才能觸發(fā),調(diào)用了是不可能觸發(fā)不了的

我寫了一個直接引入的例子,你可以看一下效果:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>tab</title>
    <script src="https://cdn.bootcss.com/vue/2.5.15/vue.min.js"></script>
</head>

<body>
    <div id="app">        
    </div>
    <script type="text/javascript">
        new Vue({
            el: '#app',
            data() {
                return {

                }
            },
            methods: {
            },
            created() {
                console.log("頁面初始化完成111");
            },
            mounted() {
                console.log("頁面初始化完成222");
                this.$nextTick(() => {
                    console.log("頁面初始化完成333");
                })
            }
        })
    </script>
</body>
</html>
怣人 回答

1.可以的,通過在mounted設(shè)置this.$refs.multipleTable.toggleRowSelection(this.tableData3[0]),this.tableData3[0]為你要設(shè)置行數(shù)的值,
2.如果是多行可以用forEach設(shè)置每一個值

拽很帥 回答

大概有三種方式可以實現(xiàn)

代碼層級實現(xiàn)

請求發(fā)起的庫,如axios,jquery$.ajax 之類的,都會類似baseUrl 的屬性
設(shè)置 baseUrl 為test.xxx.com 即可。
缺陷: 可能會根據(jù)不同的環(huán)境設(shè)置不同的baseUrl 。

webpack 實現(xiàn)

使用webpack devServer的請求代理轉(zhuǎn)發(fā)功能

    devServer: {
        host: '0.0.0.0',
        port: 4200,
        disableHostCheck: true,
        historyApiFallback: true,
        noInfo: true,
        proxy: {
            '/api/': {
                /*代理轉(zhuǎn)發(fā)服務(wù)器,即本地調(diào)試的服務(wù)器,可訪問線上,開發(fā)測試等環(huán)境的 后端系統(tǒng)*/
                target: `http://test.xxx.com`,
                changeOrigin: true,
            }
        },
    },

fiddler 抓包工具實現(xiàn)

通過fiddler之類的抓包工具,將請求攔截,并轉(zhuǎn)發(fā)到指定的server。
缺點: 可能需要對抓包工具的使用比較熟練

疚幼 回答

https://jsfiddle.net/xpssvxzz/2/

照你說的,先渲染出來一個數(shù)組,然后再去獲取禁用的項,發(fā)現(xiàn)沒有問題,會觸發(fā)重新渲染

getMes = () => {} 相對于在 jsx 中 bind 擁有更好的性能
至于 eslint 語法校驗問題,檢查你的 eslint 配置文件,或者直接關(guān)閉它

悶油瓶 回答

https://cn.vuejs.org/v2/guide... 文檔里面有重點指出的

$refs 只在組件渲染完成后才填充,并且它是非響應(yīng)式的。它僅僅是一個直接操作子組件的應(yīng)急方案——應(yīng)當避免在模板或計算屬性中使用 $refs。

做了一個LC的測試來驗證一下

    beforeCreate: function(){
        console.log("beforeCreate");
        console.log(this.$refs.name.value.length);
    },
    created: function(){
        console.log("created");
        console.log(this.$refs.name.value.length);
    },
    beforeMount: function(){
        console.log("beforeMount");
        console.log(this.$refs.name.value.length);
    },
    mounted: function(){
        console.log("mounted");
        console.log(this.$refs.name.value.length); //只有到了這里才有
    },
    beforeUpdate: function(){
        console.log("beforeUpdate");
        console.log(this.$refs.name.value.length);
    },
    updated: function(){
        console.log("updated");
        console.log(this.$refs.name.value.length);
    },
哎呦喂 回答

樓上的大哥已經(jīng)給了各種改寫。就說下這段代碼為什么輸出100個101,以及為什么打印出一個“大值”吧

var value = 0
      while(value++ < 100){
        setTimeout(() => console.log(value),100)
      }
      

1.首先要理解,setTimeout是異步的,會被放到任務(wù)隊列中,直到主進程里的同步代碼執(zhí)行完畢,才會去任務(wù)隊列執(zhí)行setTimeout

2.所以setTimeout并不一定是在100毫秒后執(zhí)行console.log(value),必須有一個前提,就是主進程的同步代碼執(zhí)行完畢,也就是主進程空閑的情況下,100毫秒后執(zhí)行console.log(value)

3.再回看代碼的執(zhí)行順序,就是0 < 100所以進去,JS看到setTimeout是異步的,它就把里面的函數(shù)扔到任務(wù)隊列中,然后1 < 100繼續(xù)進入循環(huán),JS看到還是setTimeout..就繼續(xù)扔進到任務(wù)隊列里,扔了100次,終于跳出循環(huán)

4.跳出循環(huán)之后,主進程也就都執(zhí)行完了,這時候JS去看任務(wù)隊列里有100個函數(shù),全是打印console.log(value)的,此時value是101,所以就輸出100次101

至于,為什么輸出了一個“大值”,你肯定是在開發(fā)者工具里運行的,你要是在vscode或者其他編輯器里就沒這個問題。開發(fā)者工具你每次回車它都會自動返回一個執(zhí)行結(jié)果的.

比如,你輸入 var a = 10 回車,它返回undefined,就是說這個語句的執(zhí)行結(jié)果是undefined。

陌離殤 回答

先不管其它問題,先這樣修改一下代碼:
方法1
<div class="centre">上面的那個script標簽整個挪到下面去

方法2
script標簽內(nèi)的所有內(nèi)容用如下包裹起來:

$(function() {
    //這里放那個script標簽的內(nèi)容
});

直接復(fù)制我這個替換你那個:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>管理員增加選擇題</title>
    <!-- <link rel="stylesheet" href="/css/add/add_choice.css">
    <link rel="stylesheet" href="/css/add/add.css"> -->
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <!-- <script src="/js/add/add_choice.js"></script> -->
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <link rel="stylesheet" >
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

<body>


    <div class="centre">

        <!--導(dǎo)航欄-->
        <div class="menu">
            <div class="admin-picture"></div>
            <div class="indexBtn"></div>
            <div class="searchBtn"></div>
            <div class="addBtn"></div>
        </div>

        <div class="show-box">
            <div class="choice"></div>
            <div class="tiankong" onclick="addtiankong()"></div>
            <div class="code" onclick="addcode()"></div>
            <div class="jianda" onclick="addjianda()"></div>
            <div class="program" onclick="addprogram()"></div>

            <!--選擇題特有-->
            <div class="choice-line"></div>
            <div class="addchoice-box">
                <form id="addchoice">
                    <div class="title"></div>
                    <span class="problem">題目</span>
                    <textarea class="problem-box" name="content" data-ng-model="formData" required></textarea>

                    <span class="A">選項A</span>
                    <textarea class="A-box" name="sectionA" data-ng-model="formData" required></textarea>
                    <span class="B">選項B</span>
                    <textarea class="B-box" name="sectionB" data-ng-model="formData" required></textarea>
                    <span class="C">選項C</span>
                    <textarea class="C-box" name="sectionC" data-ng-model="formData" required></textarea>
                    <span class="D">選項D</span>
                    <textarea class="D-box" name="sectionD" data-ng-model="formData" required></textarea>

                    <span class="answer">答案</span>
                    <input name="answer" type="checkbox" class="A-Btn" value="A">
                    <span class="a">A</span>
                    <input name="answer" type="checkbox" class="B-Btn" value="B">
                    <span class="b">B</span>
                    <input name="answer" type="checkbox" class="C-Btn" value="C">
                    <span class="c">C</span>
                    <input name="answer" type="checkbox" class="D-Btn" value="D">
                    <span class="d">D</span>

                    <span class="num">空數(shù)</span>
                    <input class="num-box" name="pronum" type="textarea">

                    <span class="analysis">解析</span>
                    <textarea class="analysis-box" data-ng-model="formData" required></textarea>

                    <span class="knowledge">知識點標簽</span>
                    <textarea class="knowledge-box" data-ng-model="formData" required></textarea>

                    <span class="chapter">章節(jié)</span>
                    <textarea class="chapter-box" data-ng-model="formData" required></textarea>

                    <span class="course">課程</span>
                    <textarea class="course-box" name="analysis" data-ng-model="formData" required></textarea>

                    <button class="btn btn-primary submit" type="submit" id="btn">提交</button>
                </form>
            </div>

            <!--底部-->
            <div class="footer">
                <span class="wzsy">網(wǎng)站首頁</span>
                <span class="qyhz">企業(yè)合作</span>
                <span class="lxwm">聯(lián)系我們</span>
                <span class="yjfk">意見反饋</span>
                <span class="yqlj">友情鏈接</span>
                <span class="bqsy">版權(quán)所有@中北大學(xué)軟件學(xué)院</span>
                <span class="dz">地址:山西省太原市學(xué)院路3號</span>
                <span class="yzbm">郵政編碼:030051</span>
            </div>
        </div>
    </div>

    <div class="header">
        <div class="title-picture"></div>
        <div class="admin-picture"></div>
        <div class="admin"></div>
        <div class="sanjiao"></div>
        <div class="exit"></div>
    </div>

    <script>
        $(function() {
            $("#btn").on("click", function(e) {
                e.preventDefault();
                Cmd();
            })

            function Cmd() {
                let ipt = document.getElementById("addchoice").getElementsByTagName("textarea");
                for (var i = 0; i < 5; i++) {
                    if (ipt[i].value.length === 0) {
                        alert("題目、選項為必填");
                        ipt[i].focus();
                        return false;
                    }
                }
                let c = document.getElementById("addchoice").getElementsByClassName("num-box");
                if (c[0].value.length === 0) {
                    alert("問題數(shù)必填");
                    c[0].focus();
                    return false;
                }
                submit();
            }

            function submit() {
                let analysis = $(".analysis-box").val();
                let chapter = $(".chapter-box").val();
                let content = $(".problem-box").val();
                let course = $(".course-box").val();
                let pronum = $(".num-box").val();
                let sectionA = $(".A-box").val();
                let sectionB = $(".B-box").val();
                let sectionC = $(".C-box").val();
                let sectionD = $(".D-box").val();
                let tips = $(".knowledge-box").val();

                this.axios.post('http://localhost:8080/choiceProblem/add', {
                        analysis: analysis,
                        // answer: answer,
                        chapter: chapter,
                        content: content,
                        course: course,
                        pronum: pronum,
                        sectionA: sectionA,
                        sectionB: sectionB,
                        sectionC: sectionC,
                        sectionD: sectionD,
                        tips: tips
                    }, {
                        emulateJSON: true
                    })
                    .then(res => {
                        alert("成");
                        console.log(res);
                    })
                    .catch(err => {
                        alert("不成");
                        console.log(err);
                    })
            }
        });
    </script>
</body>
</html>
拼未來 回答

樓主解決了么?遇到了同樣的問題~

怣人 回答

可使用html-loader依賴:

安裝:npm i -D html-loader

添加配置使用:

module: {
  rules: [{
    test: /\.html$/,
    use: [ {
      loader: 'html-loader',
    }],
  }]
}

然后,就可以在html文件中正常使用src了

如果配置不太會,可以看下自寫的一篇webpack簡易教程

綰青絲 回答

看官網(wǎng)文檔https://vuex.vuejs.org/zh-cn/...
并且它會接受 state 作為第一個參數(shù)

做不到 回答

如果要把d3顯示出來,只需要讓d3清除浮動就可以了clear:both;

逗婦惱 回答

用正則表達式??!你用正則計算兩個指定字符之間的字符,你那肯定是要獲取標簽里面的內(nèi)容吧!因為你抓下來的已經(jīng)不是html了,而是一個長長的字符串。我給你提供一個方法

var str = "1222223";
str = str.match(/1(\S*)3/)[1];
alert(str);//結(jié)果22222

就這么搞就ok了!我之前也搞過這種。

近義詞 回答

你可以先了解一下parent()和parents()的區(qū)別

心癌 回答

iconfont 搜索 旗幟
有很多
既然是字體,那當然能夠改變大小和顏色

葬愛 回答
const array = [
    ["北京市", "海淀區(qū)"],
    ["北京市", "東城區(qū)"],
    ["遼寧省", "沈陽市", "和平區(qū)"],
    ["遼寧省", "沈陽市", "鐵西區(qū)"],
    ["臺灣省"]
];

function convert(list) {
    // map 用來保存已處理節(jié)點的字典,
    // 鍵是城市的全路徑(/分隔),
    // 值是根據(jù)城市名稱產(chǎn)生的對象
    const map = {};

    // 根節(jié)點對象
    const root = {
        text: "",
        children: []
    };

    list.forEach(parts => {
        // 對 parts 中的每一個城市進行處理
        // reduce 主要用于拼接 key,即全路徑
        parts.reduce((parentKey, name) => {
            // 根據(jù)父節(jié)點的 key 和當前城市名稱拼接當前城市 key
            const key = `${parentKey}/${name}`;

            // 如果節(jié)點已經(jīng)存在,直接跳過
            if (!map[key]) {
                // 先用 parentKey 找到父節(jié)點,如果沒有,用 root 作為父節(jié)點
                const parent = map[parentKey] || root;

                // 產(chǎn)生子節(jié)點對象
                const node = {
                    text: name,
                    children: []
                };

                // 將子節(jié)點對象加入 map 和父節(jié)點的 children
                map[key] = node;
                parent.children.push(node);
            }

            return key;
        }, "");
    });

    return root;
}

const r = convert(array);
console.log(JSON.stringify(r, null, 4));
我甘愿 回答

sass 有內(nèi)置的 rgba函數(shù),接受兩個參數(shù) (色值,透明度)

吃藕丑 回答

請列出什么包丟失了?