<fieldset id="mgoce"></fieldset>

<fieldset id="mgoce"></fieldset>

<ul id="mgoce"></ul>

vue.js關于循環出來多個input并讓每個input后的修改按鈕控制其值

xiangchaobin 發布于2019-08-22 11:16 / 3090人閱讀

摘要：從后端返回的數據中，有時候你會遇到一堆的，然后每個后面都跟有一個按鈕，就像這種情況其中有兩個問題，在一個框里面輸入值，然后所有的值都都會顯示你輸入的結果每個輸入框點擊能控制所有的而不只是它前面的那一個其實解決也不復雜，主要是運用到了循環以及

從后端返回的數據中，有時候你會遇到一堆的input，然后每個input后面都跟有一個按鈕，就像這種情況

其中有兩個問題，1：在一個框里面輸入值，然后所有的值都都會顯示你輸入的結果 2：每個輸入框點擊能控制所有的input而不只是它前面的那一個
其實解決也不復雜，主要是運用到了循環以及index指數的功能，下面開始上代碼，首先把它遍歷出來

后臺給我的數據是個對象，我用的是for in遍歷出來，這個newData是走ajax請求來的數據

for(var x in newData){
    newData[x].value="";
}

然后數據中的每個對象都加上了這個value屬性，接下來就好辦啦，點擊之后走個方法，直接獲取

amendCardNum(index){
    var v=this.bstp[index].value;
    console.log(v)
}

大家做項目的時候一定要多想操作數據而不是操作dom，我之前就是陷到操作dom里面，要用for獲取那個輸入框的value之類的，然后越陷越深，這都是用jquery留下的后遺癥，大家一定要注意，vue盡量不要用jquery，一切以操作數據為主而不是dom

GPU云服務器云服務器 js修改input Inputs input input file

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/92069.html

學習Vue.js-Day1

摘要：學習內容，基本語法和概念，打包工具，實戰操作參考文獻官網官方資料庫全家桶全家桶文檔概念前端框架借助可以實現手機開發前端框架是一套構造用戶界面的框架，只關于視圖層前端的主要工作室跟用戶界面打交道，中的，實現界面效果框架是為了提高開發學習內容 1，Vue基本語法和概念 2，打包工具 Webpack , Gulp3，實戰操作參考文獻：官網： https://cn.vuejs.org...

Cheriselalala 2019-08-29 16:34 評論0 收藏0
學習Vue.js-Day1

摘要：學習內容，基本語法和概念，打包工具，實戰操作參考文獻官網官方資料庫全家桶全家桶文檔概念前端框架借助可以實現手機開發前端框架是一套構造用戶界面的框架，只關于視圖層前端的主要工作室跟用戶界面打交道，中的，實現界面效果框架是為了提高開發學習內容 1，Vue基本語法和概念 2，打包工具 Webpack , Gulp3，實戰操作參考文獻：官網： https://cn.vuejs.org...

Cristic 2019-08-02 11:23 評論0 收藏0
vue.js關于循環后臺數據中監聽多個input的問題

摘要：我們在獲取后端數據的時候，有時候會在列表中生成很多的，而我們又想實時監聽這些，有些同學用的監聽，但我覺得數據太多的話用也不好寫，就比如我下面的這種，修改一開始我也想用，但感覺特別蛋疼，最后還是用了常用的，而我這個還要控制，輸入必我們在獲取后端數據的時候，有時候會在列表中生成很多的input，而我們又想實時監聽這些input，有些同學用的watch監聽，但我覺得數據太多的話用watch...

phoenixsky 2019-08-22 13:40 評論0 收藏0
Vue.js Guide Essentials-說人話-速記版

摘要：以下內容根據部分速記。同時，需要在父組件標簽中添加這個屬性，該屬性才能傳遞到子組件內。把父組件傳遞的數據當做子組件的初始值。以下內容根據Vue.js Guide Essentials部分速記。不含動畫/mixin/SSR/路由/狀態管理等部分. Introduction 建議閱讀原文 https://vuejs.org/v2/guide/in... 什么是Vue 開始聲明式...

Sanchi 2019-08-21 18:38 評論0 收藏0