vue中data數(shù)據(jù)之間如何賦值問題
更新時間：2022年09月07日 11:15:40 作者：笨_鳥_不_會_飛
這篇文章主要介紹了vue中data數(shù)據(jù)之間如何賦值問題，具有很好的參考價值，希望對大家有所幫助。
vue data數(shù)據(jù)之間如何賦值
最近我妹突然問我vue的data之間需要進行賦值，這是什么奇葩需求，干嘛不直接自己定義好就好了啊，既然有這種場景，那么我們就需要去解決這種場景。
實現(xiàn)方式
<template>
? <div>
? ? ?<Input v-model="dictValue" placeholder="請輸入字典的值" clearable style="width: 200px" />
? </div>
</template>
<script>
? ? export default {
? ? ? ? data () {
? ? ? ? ? ? return {
? ? ? ? ? ? ? ? initValue: '默認值',
? ? ? ? ? ? ? ? // 錯誤的使用方式
? ? ? ? ? ? ? ? // dictValue: this.initValue
? ? ? ? ? ? ? ? dictValue:''
? ? ? ? ? ? }
? ? ? ? },
? ? ? mounted(){
? ? ? ? // 正確的初始化方式
? ? ? ? this.dictValue = this.initValue
? ? ? }
? ? }
</script>以上的代碼大家可以直接在https://run.iviewui.com/sCE69xV2這個地址上運行即可驗證
vue Data數(shù)據(jù)賦值變量語法
computed: {
pickerOptions() {
? ? ? let _this = this;
? ? ? return {
? ? ? ? disabledDate(time) {
? ? ? ? ? let time1 = _this.time; // 動態(tài)起始時間 ，這個時間是已經(jīng)得到的時間戳
? ? ? ? ? return time.getTime() > new Date(time1);
? ? ? ? },
? ? ? };
? ? },
}采用計算屬性 取data中的變量進行賦值。
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
紅包也叫壓歲錢，是過農(nóng)歷春節(jié)時長輩給小孩兒用紅紙包裹的禮金。本文將通過Vue制作一個紅包雨小游戲，文中的示例代碼講解詳細，需要的可以參考一下2022-01-01
最近有個需求，一個列表上下移動要有簡單過渡效果。本文通過實例代碼給大家介紹Vue 列表上下過渡效果,需要的朋友可以參考下2019-06-06
這篇文章主要為大家詳細介紹了vue教程之toast彈框全局調(diào)用示例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要介紹了vue3一個元素如何綁定兩個或多個事件問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11
Vue使用html2canvas和jspdf實現(xiàn)PDF文件導出
這篇文章主要為大家詳細介紹了Vue如何使用html2canvas和jspdf實現(xiàn)PDF文件導出功能并設(shè)置頁面大小及方向,感興趣的小伙伴可以跟隨小編一起學習一下2025-01-01
Vue?3已經(jīng)穩(wěn)定了相當長一段時間了。許多代碼庫都在生產(chǎn)環(huán)境中使用它，其他人最終都將不得不遷移到Vue?3。我現(xiàn)在有機會使用它并記錄了我的錯誤，下面這些錯誤你可能想要避免2023-03-03
vue結(jié)合el-upload實現(xiàn)騰訊云視頻上傳功能
這篇文章主要介紹了vue結(jié)合el-upload實現(xiàn)騰訊云視頻上傳功能，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-07-07
Vue+Echarts實現(xiàn)分時圖和交易量圖的繪制
近來發(fā)現(xiàn)Echarts?API越發(fā)的強大，對于繪制各類圖形可以使用Echarts實現(xiàn)。本文將利用Echarts實現(xiàn)分時圖和交易量圖的繪制，希望對大家有所幫助2023-03-03
這篇文章主要介紹了vue項目打包部署后默認路由不正確的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
EventBus稱為事件總線,當兩個組件屬于不同的兩個組件分支,或者兩個組件沒有任何聯(lián)系的時候,不想使用Vuex這樣的庫來進行數(shù)據(jù)通信,就可以通過事件總線來進行通信,這篇文章主要給大家介紹了關(guān)于Vue?eventBus事件總線封裝后再用的相關(guān)資料,需要的朋友可以參考下2022-06-06