文章詳情頁(yè)
javascript - 關(guān)于vuejs讀取數(shù)據(jù)的問(wèn)題
瀏覽：100日期：2022-11-12 14:36:14
問(wèn)題描述
如圖所示，用vuejs寫了一個(gè)發(fā)帖子的小小demo，但現(xiàn)在只能讀取post里面的img字段，如何把全部字段讀取出來(lái)？
html代碼
js代碼
問(wèn)題解答
回答1：FileReader 用于本地讀取文件的，一般只適用于<input type='file'></input>
而你的title和content與FileReader沒什么關(guān)系。它們只受到你data()中的newPost影響。所以你可以在creatPost里面的vm.post.push({img: this.result})改為
vm.post.push({ title: vm.newPost.title, content: vm.newPost.content, img: this.result})// 同時(shí)在最后把post清空Object.keys(vm.newPost).forEach(item => vm.newPost[item] = ’’)回答2：
數(shù)據(jù)不是已經(jīng)在this.newPost 里面了么？
你通過(guò)v-model把this.newPost的數(shù)據(jù)跟dom綁定在一起了，不去this.newPost里面拿，反而從dom里獲取數(shù)據(jù)？
標(biāo)簽：
JavaScript
相關(guān)文章：
1. python - lxml.etree為什么會(huì)自動(dòng)加上加上</i>？2. android - 京東app下面的table背景怎么實(shí)現(xiàn)的？3. python - Requests 如何中斷請(qǐng)求？4. android - recyclerview顯示錯(cuò)亂5. 彈出式菜單 - android京東優(yōu)惠券中心彈出菜單的實(shí)現(xiàn)？6. node.js - mongo TTL 數(shù)據(jù)過(guò)期不刪除7. docker網(wǎng)絡(luò)端口映射，沒有方便點(diǎn)的操作方法么？8. css - BEM 中塊(Block)有木有什么標(biāo)準(zhǔn) 何時(shí)決定一個(gè)部分提取為塊而不是其父級(jí)的元素呢(Element)?~9. dockerfile - 為什么docker容器啟動(dòng)不了？10. javascript - sublime什么插件可以在我自動(dòng)保存代碼之后，對(duì)es6代碼自動(dòng)檢查并格式化。
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備