快捷導(dǎo)航

vue中data數(shù)據(jù)之間如何賦值問題

更新時(shí)間：2022年09月07日 11:15:40 作者：笨_鳥_不_會(huì)_飛

這篇文章主要介紹了vue中data數(shù)據(jù)之間如何賦值問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。

vue data數(shù)據(jù)之間如何賦值

最近我妹突然問我vue的data之間需要進(jìn)行賦值，這是什么奇葩需求，干嘛不直接自己定義好就好了啊，既然有這種場(chǎng)景，那么我們就需要去解決這種場(chǎng)景。

實(shí)現(xiàn)方式

<template>
? <div>
? ? ?<Input v-model="dictValue" placeholder="請(qǐng)輸入字典的值" clearable style="width: 200px" />
? </div>
</template>
<script>
? ? export default {
? ? ? ? data () {
? ? ? ? ? ? return {
? ? ? ? ? ? ? ? initValue: '默認(rèn)值',
? ? ? ? ? ? ? ? // 錯(cuò)誤的使用方式
? ? ? ? ? ? ? ? // dictValue: this.initValue
? ? ? ? ? ? ? ? dictValue:''
? ? ? ? ? ? }
? ? ? ? },
? ? ? mounted(){
? ? ? ? // 正確的初始化方式
? ? ? ? this.dictValue = this.initValue
? ? ? }
? ? }
</script>

以上的代碼大家可以直接在https://run.iviewui.com/sCE69xV2這個(gè)地址上運(yùn)行即可驗(yàn)證

vue Data數(shù)據(jù)賦值變量語法

computed: {
pickerOptions() {
? ? ? let _this = this;
? ? ? return {
? ? ? ? disabledDate(time) {
? ? ? ? ? let time1 = _this.time; // 動(dòng)態(tài)起始時(shí)間 ，這個(gè)時(shí)間是已經(jīng)得到的時(shí)間戳
? ? ? ? ? return time.getTime() > new Date(time1);
? ? ? ? },
? ? ? };
? ? },
}

采用計(jì)算屬性取data中的變量進(jìn)行賦值。

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Vue實(shí)現(xiàn)紅包雨小游戲的示例代碼
紅包也叫壓歲錢，是過農(nóng)歷春節(jié)時(shí)長(zhǎng)輩給小孩兒用紅紙包裹的禮金。本文將通過Vue制作一個(gè)紅包雨小游戲，文中的示例代碼講解詳細(xì)，需要的可以參考一下
2022-01-01
Vue 列表上下過渡效果的實(shí)例代碼
最近有個(gè)需求，一個(gè)列表上下移動(dòng)要有簡(jiǎn)單過渡效果。本文通過實(shí)例代碼給大家介紹Vue 列表上下過渡效果,需要的朋友可以參考下
2019-06-06
vue教程之toast彈框全局調(diào)用示例詳解
這篇文章主要為大家詳細(xì)介紹了vue教程之toast彈框全局調(diào)用示例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-08-08
vue3一個(gè)元素如何綁定兩個(gè)或多個(gè)事件
這篇文章主要介紹了vue3一個(gè)元素如何綁定兩個(gè)或多個(gè)事件問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2023-11-11
Vue使用html2canvas和jspdf實(shí)現(xiàn)PDF文件導(dǎo)出
這篇文章主要為大家詳細(xì)介紹了Vue如何使用html2canvas和jspdf實(shí)現(xiàn)PDF文件導(dǎo)出功能并設(shè)置頁(yè)面大小及方向,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2025-01-01
Vue3使用時(shí)應(yīng)避免的10個(gè)錯(cuò)誤總結(jié)
Vue?3已經(jīng)穩(wěn)定了相當(dāng)長(zhǎng)一段時(shí)間了。許多代碼庫(kù)都在生產(chǎn)環(huán)境中使用它，其他人最終都將不得不遷移到Vue?3。我現(xiàn)在有機(jī)會(huì)使用它并記錄了我的錯(cuò)誤，下面這些錯(cuò)誤你可能想要避免
2023-03-03
vue結(jié)合el-upload實(shí)現(xiàn)騰訊云視頻上傳功能
這篇文章主要介紹了vue結(jié)合el-upload實(shí)現(xiàn)騰訊云視頻上傳功能，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-07-07
Vue+Echarts實(shí)現(xiàn)分時(shí)圖和交易量圖的繪制
近來發(fā)現(xiàn)Echarts?API越發(fā)的強(qiáng)大，對(duì)于繪制各類圖形可以使用Echarts實(shí)現(xiàn)。本文將利用Echarts實(shí)現(xiàn)分時(shí)圖和交易量圖的繪制，希望對(duì)大家有所幫助
2023-03-03
vue項(xiàng)目打包部署后默認(rèn)路由不正確的解決方案
這篇文章主要介紹了vue項(xiàng)目打包部署后默認(rèn)路由不正確的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-04-04
Vue?eventBus事件總線封裝后再用的方式
EventBus稱為事件總線,當(dāng)兩個(gè)組件屬于不同的兩個(gè)組件分支,或者兩個(gè)組件沒有任何聯(lián)系的時(shí)候,不想使用Vuex這樣的庫(kù)來進(jìn)行數(shù)據(jù)通信,就可以通過事件總線來進(jìn)行通信,這篇文章主要給大家介紹了關(guān)于Vue?eventBus事件總線封裝后再用的相關(guān)資料,需要的朋友可以參考下
2022-06-06