因?yàn)閕onic用的是隱式路由, 使用的并不是angular的路由
如果是下載類(lèi)型,需要實(shí)時(shí)生成下載文件的,可以改成多次請(qǐng)求,
超大型文件的上傳,前端也是可以處理的,利用 FileAPI 對(duì)文件進(jìn)行分割上傳
https://www.html5rocks.com/zh...
PS:上傳文件和數(shù)據(jù)對(duì)比,其實(shí)也可以拆分成兩個(gè)接口。
value一般是指表單的元素的值,比如input,.的話是獲取對(duì)象的一種方式,比如
var abc={name:'花非花'}
abc.name ==>指向的就是"花非花"調(diào)試的時(shí)候加個(gè)no-cache,上線再去了?正常來(lái)講資源不應(yīng)該是有版本號(hào)或者h(yuǎn)ash的嗎。
不過(guò)你ctrl+f5應(yīng)該也能直接強(qiáng)制重新請(qǐng)求呀。
就你的代碼而言,
<Checkbox checked={this.state.checks} onChange={this.onChangea} />
單選沒(méi)效果是因?yàn)椋琽nChange的時(shí)候 this.state.checks 的狀態(tài)沒(méi)有改變,this也沒(méi)有傳入方法里面。
改正后 <Checkbox checked={this.state.checks} onChange={this.onChangea.bind(this)} />
onChangea(e) {
this.setState({
checks:e.target.checked,
});
}
這時(shí)你會(huì)發(fā)現(xiàn)單選后所有的Checkbox都被選中了,是因?yàn)槟鉉heckbox設(shè)置的checked都是this.state.checks,所以狀態(tài)都會(huì)改變。
所以你的代碼本身就不應(yīng)該這樣寫(xiě),這里可以用 CheckboxGroup 去實(shí)現(xiàn),具體代碼可參考
computed 和 mapState 在 beforeCreated 和 created 之間完成;
你也在代碼里打印處 this.fruitData,可以看出執(zhí)行順序。
你可以使用 watch
for in 循環(huán)對(duì)象
Object.keys
Object.values
Object.entries
建議題主多看看書(shū)再來(lái)提問(wèn)
這個(gè)問(wèn)題是babel-loader對(duì)vue-echarts編譯不正確導(dǎo)致的,我放棄了vue-echarts直接使用echarts后沒(méi)問(wèn)題了。
不壓縮,運(yùn)行g(shù)ulp有問(wèn)題嗎?應(yīng)該是你之前寫(xiě)的代碼里面格式有問(wèn)題,但是gulp不會(huì)提醒是哪里報(bào)錯(cuò)了,安裝elist檢查一下,兄弟你這工作量會(huì)有點(diǎn)大
因?yàn)槟阌昧薳chart中的click事件,而不是ng1自帶的ng-click事件,沒(méi)有辦法觸發(fā)ng1本身的臟檢查,而ng1本身的雙向數(shù)據(jù)綁定依賴的就是臟檢查機(jī)制,因此視圖上沒(méi)有得到更新。
解決辦法就是手動(dòng)觸發(fā)數(shù)據(jù)模型的檢查,也就是$scope.$apply()。
你是想問(wèn)前端的思路還是后端的思路呢?我猜你是想問(wèn)后端的吧,大致就是在二維碼對(duì)應(yīng)的鏈接里面加入一些參數(shù)就可以了啊,然后根據(jù)參數(shù)就可以達(dá)到用戶一對(duì)一了
// 全局變量 page
var page = {
init:function () {
this.onLoad();
// 定時(shí)器 執(zhí)行函數(shù) 還是別傳字符串的好 很容易進(jìn)坑
setTimeout('this.page.bindEvent()',2000);
},
onLoad:function () {
alert('A');
},
bindEvent:function () {
alert('B');
}
}
page.init();
1.props值賦給子組件自身屬性
2.watch props變化
3.改變自身data屬性
這樣子組件dom就會(huì)變化
子組件代碼改了下:
<script>
export default {
name: 'treeRecusive',
props: {
itemData: Object
},
data() {
return {
open: false,
node: this.itemData
}
},
computed: {
isFolder: function() {
return this.node.children && this.node.children.length
}
},
methods: {
toggle: function() {
if (this.isFolder) {
this.open = !this.open
}
},
changeType: function() {
if (!this.isFolder) {
Vue.set(this.node, 'children', [])
this.addChild()
this.open = true
}
},
addChild: function() {
console.log('come here')
this.node.children.push({
resourceDesc: '',
resourceId: '',
resourceParentId: this.node.resourceId,
resourceName: '新項(xiàng)',
resourceUrl: '',
createTime: new Date().getTime()
})
}
},
components: {},
watch: {
itemData: {
handler: function(val, oldVal) {
console.log('come here watch', val)
this.node = val
},
deep: true
}
}
}
</script>可以拿到row,column,cell,event
然后再讓你的自定義<el-table-column>顯示即可。
那你需要處理tableData,遍歷里面每個(gè)exchangeNum都置一個(gè)默認(rèn)值1
之前寫(xiě)過(guò)一個(gè)用百度智能提示練習(xí)jsonp的,里面有上下鍵選擇功能,僅供參考。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title></title>
<style>
* { padding: 0; margin: 0; }
html, body { height: 100%; width: 100%; text-align: center;background:url(images/bg.jpg) center center no-repeat;background-size:cover; }
input { width: 800px; height: 40px; border: 1px solid #ccc; outline: none; padding: 5px 10px; margin-top: 300px; font-size: 16px; font-family: 'Microsoft YaHei'; background: rgba(255,255,255,0.8); }
ul { width: 820px; margin: 0 auto; list-style: none; margin-top: -1px;background:rgba(255,255,255,0.8); }
ul.border { border: 1px solid #ccc; }
li { line-height: 40px; text-align: left; padding: 0 10px; cursor: pointer; }
li.active { background: #0094ff; color: #fff; }
</style>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script>
function getData(data) {
var list = data.s;
var html = '';
$.each(list, function (index, item) {
html += "<li>" + item + "</li>";
});
$("ul").addClass("border").html(html);
}
function search(kw) {
window.location. + encodeURIComponent(kw);
}
$(function () {
$("input").focus().keyup(function (e) {
var kw = $(this).val();
if (!kw) {
$("ul").removeClass("border").html("");
return;
}
if (e.keyCode == 13) {
var kw = $(this).val();
if (!kw) {
return;
}
search(kw);
}
else if (e.keyCode == 38) {
var active = $("li.active");
if (active.length) {
var prev = active.prev();
if (prev.length) {
prev.addClass("active").siblings().removeClass("active");
}
else {
$("li:last").addClass("active").siblings().removeClass("active");
}
}
else {
$("li:last").addClass("active");
}
$("input").val($("li.active").text());
}
else if (e.keyCode == 40) {
var active = $("li.active");
if (active.length) {
var next = active.next();
if (next.length) {
next.addClass("active").siblings().removeClass("active");
}
else {
$("li:first").addClass("active").siblings().removeClass("active");
}
}
else {
$("li:first").addClass("active");
}
$("input").val($("li.active").text());
}
else {
$.ajax({
type: "get",
url: "http://suggestion.baidu.com/su",
data: { 'wd': kw, 'p': '3', 'cb': 'getData', 't': new Date().getMilliseconds().toString() },
dataType: "jsonp",
success: function (data) { },
error: function () { }
});
}
});
$("ul").on("click", "li", function () {
search($(this).text());
});
});
</script>
</head>
<body>
<input type="text" placeholder="百度一下" />
<ul></ul>
</body>
</html>昨天你好像問(wèn)過(guò)關(guān)于這個(gè)的問(wèn)題了~
{{_num == 1?'cur':''}}選中你是根據(jù)這個(gè)判斷的,你點(diǎn)擊修改的_num是同一個(gè),換個(gè)時(shí)間,或者 _num的值不要重復(fù)
你卻少的應(yīng)該是css-loader
北大青鳥(niǎo)APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國(guó)IT技能型緊缺人才,是大數(shù)據(jù)專(zhuān)業(yè)的國(guó)家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國(guó)一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國(guó)成功上市,融資1
北大課工場(chǎng)是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國(guó)家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國(guó)制造2025”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級(jí)產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國(guó)職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開(kāi)發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動(dòng)互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺(tái)面向?qū)ο箝_(kāi)發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫(kù),具有快速界面開(kāi)發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁(yè)制作和網(wǎng)頁(yè)游戲開(kāi)發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開(kāi)發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國(guó)Software AG 技術(shù)顧問(wèn),美國(guó)Dachieve 系統(tǒng)架構(gòu)師,美國(guó)AngelEngineers Inc. 系統(tǒng)架構(gòu)師。