vue中data數(shù)據(jù)之間如何賦值問題
更新時間：2022年09月07日 11:15:40 作者：笨_鳥_不_會_飛
這篇文章主要介紹了vue中data數(shù)據(jù)之間如何賦值問題，具有很好的參考價值，希望對大家有所幫助。
vue data數(shù)據(jù)之間如何賦值
最近我妹突然問我vue的data之間需要進(jìn)行賦值，這是什么奇葩需求，干嘛不直接自己定義好就好了啊，既然有這種場景，那么我們就需要去解決這種場景。
實現(xiàn)方式
<template>
? <div>
? ? ?<Input v-model="dictValue" placeholder="請輸入字典的值" clearable style="width: 200px" />
? </div>
</template>
<script>
? ? export default {
? ? ? ? data () {
? ? ? ? ? ? return {
? ? ? ? ? ? ? ? initValue: '默認(rèn)值',
? ? ? ? ? ? ? ? // 錯誤的使用方式
? ? ? ? ? ? ? ? // 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ìn)行賦值。
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue通過elementUI組件實現(xiàn)圖片預(yù)覽效果
我們在開發(fā)中經(jīng)常會遇到通過點擊某個按鈕或者文字實現(xiàn)圖片的預(yù)覽功能,這里我們分別介紹vue2和vue3里面如何實現(xiàn)圖片預(yù)覽方法,需要的朋友可以參考下2023-09-09
vue+elementui(對話框中form表單的reset問題)
這篇文章主要介紹了vue+elementui(對話框中form表單的reset問題)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
在前端開發(fā)中,當(dāng)用戶頻繁連續(xù)點擊按鈕,可能會導(dǎo)致頻繁的請求或者觸發(fā)過多的操作,本文主要介紹了vue3按鈕點擊頻率控制的實現(xiàn)示例,感興趣的可以了解一下2024-01-01
vue 設(shè)置 input 為不可以編輯的實現(xiàn)方法
今天小編就為大家分享一篇vue 設(shè)置 input 為不可以編輯的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了vue中form表單禁用專用組件,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-01-01
這篇文章主要介紹了vue獲取時間戳轉(zhuǎn)換為日期格式，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
本篇文章主要介紹了Vee-Validate的使用方法詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
最近工作中遇到了報錯,現(xiàn)在將解決的辦法分享給大家,下面這篇文章主要給大家介紹了關(guān)于npm安裝vue@cli報錯的簡單處理方式,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2022-12-12
這篇文章主要介紹了vue中保留字符串中的空格的解決方案，本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-06-06
這篇文章主要介紹了解決vue-router路由攔截造成死循環(huán)問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08