iView框架問題整理小結(jié)
總結(jié)1：**import Vue from ‘vue';什么意思？
在js中，是加載vue模塊并輸入變量Vue import后面的from指定模塊文件的位置，可以是相對(duì)路徑，也可以是絕對(duì)路徑，如果是模塊名帶有路徑，那么必須有配置文件，告訴js引擎該模塊的位置
總結(jié)2：iView如何實(shí)現(xiàn)頁面跳轉(zhuǎn)？
使用vue-router實(shí)現(xiàn)單頁應(yīng)用的跳轉(zhuǎn)
使用流程：
1：引入vue-router <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>
2：定義VueRouter對(duì)應(yīng)的屬性例如：path和template
3：使用<router-link to="/login">登錄</router-link>
總結(jié)3：iview本地文件上傳？
視圖層：
<img :src="preview_pic_src" v-if="preview_pic_src!=''">
<input type="file" @change="preview_pic()" ref="weibo_file" >
JS層：
preview_pic:function () {
// 預(yù)覽圖片
var file = this.$refs.weibo_file.files[0]
// 1、創(chuàng)建一個(gè)reader
var fr = new FileReader()
// 2、將圖片將轉(zhuǎn)成 base64 格式
fr.readAsDataURL(file)
// 3、讀取成功后的回調(diào)
var self = this
fr.onloadend = function() {
self.preview_pic_src = this.result
}
},
總結(jié)4：iview自定義組件開發(fā)？
import sliderBox from '.slider.vue'
vue.compenent('組件名稱'sliderBox)
總結(jié)5 TimePicker 和 DatePicker 兩種日期選擇組件雖然方便，但使用時(shí)需要注意：使用DatePicker 綁定on-change事件，可以通過 ：
on-change:function(date) {
console.log(date)
}
獲取到當(dāng)前選擇的日期，但TimePicker 這樣做每次更改時(shí)、分、秒都會(huì)觸發(fā)此事件，建議給TimePicker 加上confirm 選項(xiàng)，并用on-ok事件獲取當(dāng)前選擇的時(shí)間（注意要進(jìn)行Date的格式化）
總結(jié)6.對(duì)于一些組件如<Menu>,<Page>，如果需要手動(dòng)控制打開的菜單，當(dāng)前頁碼，需要給組件設(shè)置ref屬性，然后在方法中使用this.$refs.xxx = "xxx"進(jìn)行控制
<Page ref="dataPage" :total="recordData.length" :page-size="recordPageCapacity" show-elevator class="fr" style="margin-top: 10px;" @on-change="recordChangePage"></Page>
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了vue的ElementUI表格，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-02-02
這篇文章主要介紹了vue中props值的傳遞，在vue中父組件要正向的向子組件傳遞數(shù)據(jù)或者參數(shù)，子組件接收到后根據(jù)參數(shù)的不同來進(jìn)行對(duì)應(yīng)的渲染，這個(gè)正向的數(shù)據(jù)傳遞在vue組件中就是通過props來實(shí)現(xiàn)的，需要的朋友可以參考下2009-05-05
本篇文章主要介紹了詳解vue+css3做交互特效的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11
這篇文章主要介紹了React中父子組件通信詳解，在父組件中，為子組件添加屬性數(shù)據(jù)，即可實(shí)現(xiàn)父組件向子組件通信，文章通過圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-10-10
Vue中如何進(jìn)行數(shù)據(jù)響應(yīng)式更新
Vue是一款流行的JavaScript框架，它提供了數(shù)據(jù)響應(yīng)式更新的能力，可以讓我們輕松地更新數(shù)據(jù)，并自動(dòng)更新視圖，本文將介紹Vue中如何進(jìn)行數(shù)據(jù)響應(yīng)式更新，包括使用Vue的響應(yīng)式系統(tǒng)、使用計(jì)算屬性和使用Vue的watcher,需要的朋友可以參考下2023-06-06
今天小編就為大家分享一篇vue2.0獲取鼠標(biāo)位置的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-09-09
本文重點(diǎn)介紹axios如何配合vue搭建項(xiàng)目框架,文章給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2018-07-07
vue項(xiàng)目首次打開時(shí)加載速度很慢的優(yōu)化過程
這篇文章主要介紹了vue項(xiàng)目首次打開時(shí)加載速度很慢的優(yōu)化過程，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
Vue實(shí)現(xiàn)圖片預(yù)覽效果實(shí)例（放大、縮小、拖拽）
現(xiàn)在項(xiàng)目中有這樣的一個(gè)需求,對(duì)上傳的圖片可以點(diǎn)擊之后在線預(yù)覽,這篇文章主要給大家介紹了關(guān)于Vue實(shí)現(xiàn)圖片預(yù)覽效果實(shí)例（放大、縮小、拖拽）的相關(guān)資料,需要的朋友可以參考下2021-05-05
這篇文章主要介紹了vue獲取dom元素注意事項(xiàng)及vue獲取dom元素的內(nèi)容,需要的朋友可以參考下2017-12-12