也可以每次點擊添加一個,利用css去換行
請參考如下示例
// 動態(tài)加載數(shù)據(jù)點 point
...
// 繪點數(shù)大于 20 時,(往左)移動圖表
var series = chart.series[0],
shift = series.data.length > 20;
// add the point
chart.series[0].addPoint(point, true, shift);
import不能放在塊中 可以用import方法 import(url)
antd的Form組件使用的是asyn-validator.
其中有個validator的驗證就可以滿足你的需求。
const fields = {
asyncField:{
validator(rule,value,callback){
ajax({
url:'xx',
value:value
}).then(function(data){
callback();
},function(error){
callback(new Error(error))
});
}
},
promiseField:{
validator(rule, value){
return ajax({
url:'xx',
value:value
});
}
}
};應(yīng)該是編碼字符集類型的問題,我之前也遇到過,你試試下面的這種方式:
iconv('UTF-8', 'GBK//IGNORE', $fileDesAddr);
最后重裝系統(tǒng)win10,裝了低版本的8.1.3,配置了python環(huán)境,一用cnpm還是不行,就沒用cnpm直接切換npm源,就好了
先附一段解決后的完整代碼
<!DOCTYPE html>
<html lang="en">
<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>Document</title>
<link rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><span class="glyphicon glyphicon-th-list"></span> MVVM</h3>
</div>
<div class="panel-body">
<!-- vm -->
<div id="vm">
<h3>{{ title }}</h3>
<ol>
<li v-for="todo in todos">
<dl>
<dt contenteditable="true" v-on:blur="update(todo, 'name', $event)">{{ todo.name }}</dt>
<dd contenteditable="true" v-on:blur="update(todo, 'description', $event)">{{ todo.description }}</dd>
<dd><a href="#0" v-on:click="remove(t)">Delete</a></dd>
</dl>
</li>
</ol>
</div>
<!-- vm -->
</div>
</div>
</div>
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><span class="glyphicon glyphicon-plus"></span> Add New Todo</h3>
</div>
<div class="panel-body">
<!-- vmAdd -->
<form id="vmAdd" action="#0">
<div class="form-group">
<label>Name:</label>
<input type="text" v-model="name" class="form-control" placeholder="Enter name">
</div>
<div class="form-group">
<label>Description:</label>
<input type="text" v-model="description" class="form-control" placeholder="Enter description">
</div>
<button type="submit" class="btn btn-default" v-on:click.prevent="submit">Add</button>
</form>
<!-- vmAdd -->
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.js"></script>
<script>
// 集成API
//https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/00147576011615487c65971b3bd4acfa8ee94baaab3dbf7000
var bus = new Vue()
var vm = new Vue({
el: '#vm',
data: {
title: 'TODO List',
todos: [],
},
mounted: function() {
// bus.$on('todo', function(todo) {
// console.log(todo);
// this.todos.push(todo);
// }.bind(this))
},
created: function() {
this.init();
},
methods: {
init: function() {
this.todos = [{
name: "kavan",
description: "foo"
},
{
name: "lili",
description: "bar"
}
]
},
create: function(todo) {
const todo_new = { ...todo }
console.log(todo_new)
this.todos.push(todo_new)
},
update: function(todo, prop, event) {
todo[prop] = event.target.innerText
}
}
});
var vmAdd = new Vue({
el: '#vmAdd',
data: {
name: '',
description: ''
},
methods: {
submit: function() {
console.log(vm)
vm.create(this.$data)
this.name = '';
this.description = '';
}
}
});
</script>
</body>
</html>
先吐槽一下你的代碼,為什么要用兩個 vue 實例……,其實用一個更簡潔一點。
然后是你上面的問題
我的改動是這個地方
create: function(todo) {
const todo_new = { ...todo } // 復(fù)制值
console.log(todo_new)
this.todos.push(todo_new)
},
這里其實是一個 js 基礎(chǔ)問題,關(guān)于對象的引用,其實是引用的對象的一個指針。例如下面
var obj = { name: 'lw' }
var obj_new = obj
// 這里 obj 和 obj_new 他們都保存的是指向同一個對象的一個指針,而不是對象的值
// 例如下面這樣
obj_new.name = 'xm'
// 你會發(fā)現(xiàn) obj.name 的值也會變?yōu)?xm 而不是原來的 lw
然后你的問題就明了了,你傳遞給 vm 的對象,把 vmAdd 對值的跟蹤處理(get,set)也一起傳入。這樣的話,其實你傳入的這個值和 vmAdd 中的 data 指向的對象是同一個。
所以解決方法就是把這個對象深度復(fù)制一下,然后傳入對象的值而不是傳入對象的一個引用。
Stack Overflow 上的那個答案不行嗎?
babel 能編譯整個目錄
babel source --out-dir es
問了大佬,寫成computed就好了,給后面人一個借鑒。
圖片的大小不應(yīng)該是樣式控制嗎?
不會canvas。
個數(shù)不固定,參數(shù)改成數(shù)組不就好了
arr = [
{
id:'111',
info: ''
},
{
id:'222',
info: ''// 不需要提示就不寫
},
...
]
function highLight (arr) {
$('#overlay').show();
arr.forEach(function (item) {
id = item.divId
info = item.info
// 然后做你原來的操作
})
}把取到數(shù)據(jù)復(fù)值到 items 上面就好了
// 例如下面這種 我是通過vuex封裝了請求 你直接axios 或者vue-resource都可以
this.$store.dispatch('getList',{id:1}
).then((res)=> {
this.items = res
})
302是重定向跳轉(zhuǎn),你無法使用curl去直接獲取access_token,應(yīng)該是通過跳轉(zhuǎn)后,正常應(yīng)該會放到url
xxx.com/index.php?access_token=xxxxxx
地址上。通過
$_GET['AccessToken']
去獲取,基本流程如下
1、你的url xxx.a.com
2、通過請求后302到 xxx.b.com
3、xxx.b.com得到你的請求驗證后又跳回xxx.a.com
4、這個時候你xxx.a.com下的url上就應(yīng)該又了access_token
補(bǔ)充:使用你提供的id與secret,我這顯示正常,應(yīng)該不是代碼問題
會不會是因為你沒有curl擴(kuò)展?
或者是又報錯信息,但是你沒有設(shè)置顯示報錯信息?
你確定你是連續(xù)修改的嗎, vue 自己會累加修改, 統(tǒng)一在下一個周期處理, 所以連續(xù)修改也只會觸發(fā)一次 render. 你這個還是上代碼吧, 應(yīng)該是其他地方出了什么問題.
先說結(jié)論,這么說是有道理并推薦的,但是并不絕對,這還是取決對父子組件通訊的理解和使用情況.
父子組件在進(jìn)行通訊時,數(shù)據(jù)是單向傳遞的,這樣能隔離父子組件的數(shù)據(jù),使用computed可以重新得到一個對象,作為子組件內(nèi)部數(shù)據(jù),在子組件數(shù)據(jù)變化時,不影響父組件的狀態(tài).再就是當(dāng)props中的數(shù)據(jù)不符合子組件的格式時,computed也能進(jìn)行格式轉(zhuǎn)換.
但是,
prop數(shù)據(jù)不會被改變時,比如只是展示一個數(shù)字,那么沒必要使用computed,直接使用就可以.這個組件有在哪里調(diào)用嗎?
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國制造2025”,實現(xiàn)中華民族偉大復(fù)興的升級產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項目經(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)師。