"scripts": {
"dev-proxy": "webpack-dev-server --config webpack.dev.js --progress"
}
npm run dev-proxy -- --NODE_PORT=125000
body {
display: flex;
flex-direction: column;
min-height: 100vh;
margin: 0;
}
main {
flex: 1;
}
header { text-align: center; height: 3em; }
main, footer {
display: block;
padding: .5em calc(50% - 400px);
}
footer {
background: linear-gradient(#222, #444);
color: white;
}
首先,ref="wrapper"這個不用你去獲取,ref這個屬性就相當(dāng)于id,vue中可以直接通過”this.$refs.ref名稱“獲取到對應(yīng)的dom
其次,在那個方法中初始化,你在前面也都說了在數(shù)據(jù)獲取之后,一般的數(shù)據(jù)通過ajax或者promise形式獲取后在對應(yīng)的success或者then中去初始化,因為這個時候你需要的數(shù)據(jù)已經(jīng)返回來了
可以的.
首先分析動畫
動畫有兩個方向,向左向右.這個可以監(jiān)視選中的index,通過比較新舊值來獲得.
用transition組件實現(xiàn)的話,transition組件觸發(fā)的前提是v-show,v-if導(dǎo)致了dom的顯隱.那么我們就需要4個邊框元素來切換顯隱觸發(fā)transition.
DEMO
不用transition組件也可以實現(xiàn)
我們可以用每個item的偽元素通過水平方向的縮放來顯示過渡效果.用transform-origin來控制過渡的方向
控制縮放
.item {
padding: 20px;
background-color: #fff;
position: relative;
&:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background-color: #00f;
transform: scaleX(0);
transition: transform 0.3s;
}
&.active {
&:after {
transform: scaleX(1);
}
}
}
.isLeft {
.item {
&:after {
transform-origin: 0 100%;
}
&.active {
&:after {
transform-origin: 100% 0;
}
}
}
}
.isRight {
.item {
&:after {
transform-origin: 100% 0;
}
&.active {
&:after {
transform-origin: 0 100%;
}
}
}
}
這個其實要看服務(wù)器設(shè)置和瀏覽器設(shè)置,如果設(shè)置是不緩存,則每次請求都還會去請求。
1.給對話框元素添加一個屬性isEdit,點擊添加按鈕的時候給這個屬性設(shè)置為false,點擊編輯的時候給這個屬性設(shè)置為true,在保存的時候獲取這個屬性判斷
2.當(dāng)然也可以把isEdit存為全局變量
this.props.data 數(shù)據(jù)沒有獲取到
1.props值賦給子組件自身屬性
2.watch props變化
3.改變自身data屬性
這樣子組件dom就會變化
子組件代碼改了下:
<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: '新項',
resourceUrl: '',
createTime: new Date().getTime()
})
}
},
components: {},
watch: {
itemData: {
handler: function(val, oldVal) {
console.log('come here watch', val)
this.node = val
},
deep: true
}
}
}
</script>
你這個不是純的js標(biāo)簽吧,估計是vue之類的應(yīng)用?
以后你在使用origin的時候就是你指定的的遠程倉庫 git@github.com:suiweinuv/demo1.git
,你也可以起個自己好記的名字。
插入時要生成新的數(shù)組,并有拷貝操作,數(shù)組越大,需要的時間自然越長。
template 中設(shè)置select控件的ref屬性
<Select v-model="cubForm.chargeUserId"
filterable clearable remote :remote-method="remoteMethod2"
:loading="loading2" ref="setQuery">
<Option v-for="item in userList" :key="item.id" :value="item.id" :label="item.name"
style="width: 250px">
</Option>
</Select>
script中調(diào)用
this.$refs.setQuery.setQuery(value) //【value】為你所需要查詢的字符串或數(shù)值
this.setData()執(zhí)行是異步的,echarts執(zhí)行的函數(shù)是同步的`<view class="container">
<view wx:if="{{currentIndex == 2}}">
<ec-canvas id="mychart-dom-bar" style="position:absolute;" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
</view>
</view>`
`data: {
currentIndex : 2,
ec: {
onInit: initChart
}
},`
上面這個例子wx:if是能顯示圖表的,跟wx:if沒有關(guān)系,出問題的是this.setData()執(zhí)行是異步的。
上面那個圖是透明的,在一些鏤空的地方會看到下面的內(nèi)容,你再給i設(shè)置個背景色就看不到了。但是你圖片并不是方形,所以在邊邊角角上回有底色的顯示,還需要加上適當(dāng)?shù)膱A角。
getId(e) {
var e = window.event || e
e.stopPropagation()
popData.liftId=item.id
}
// 在標(biāo)簽里執(zhí)行:
@click="getId($event)"
1.首先開啟gzip壓縮是服務(wù)端的容器的事情
2.開啟gzip壓縮之后不是訪問的gz文件,而是通過http傳輸?shù)膬?nèi)容是壓縮過的
用setTimeInterval每隔100ms請求一次,返回響應(yīng)
只要你git commit了,本地版本庫里應(yīng)該就有的,check out出來不就行了。
如果是webstorm的話,還有一個辦法,右鍵項目-git-show history可以看到,可以在這里手動還原。webstorm自帶自動git的功能。
封裝的文件是不是在單獨的 js 文件中,你可能需要把 router 引進去才能用 router.push
import {router} from '@/router/index'
router/index.js
import Vue from 'vue'
import iView from 'iview'
import VueRouter from 'vue-router'
import Cookies from 'js-cookie'
import { routers } from './router'
Vue.use(VueRouter)
const RouterConfig = {
mode: 'history',
routes: routers
}
export const router = new VueRouter(RouterConfig)
你需要的是 new VueRouter 后的這個對象。
北大青鳥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
浪潮集團項目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗,技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
曾工作于聯(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é)及管理工作。
精通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)師。