resolve沒帶參數(shù)。
resolve(res);
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)
請求發(fā)起的庫,如axios
,jquery
的$.ajax
之類的,都會類似baseUrl
的屬性
設(shè)置 baseUrl
為test.xxx.com 即可。
缺陷: 可能會根據(jù)不同的環(huán)境設(shè)置不同的baseUrl 。
使用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
之類的抓包工具,將請求攔截,并轉(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
標簽整個挪到下面去
方法2script
標簽內(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ū)別
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ù) (色值,透明度)
請列出什么包丟失了?
北大青鳥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
中公教育集團創(chuàng)建于1999年,經(jīng)過二十年潛心發(fā)展,已由一家北大畢業(yè)生自主創(chuàng)業(yè)的信息技術(shù)與教育服務(wù)機構(gòu),發(fā)展為教育服務(wù)業(yè)的綜合性企業(yè)集團,成為集合面授教學(xué)培訓(xùn)、網(wǎng)
達內(nèi)教育集團成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負責(zé)iOS教學(xué)及管理工作。
浪潮集團項目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗,技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。