Vue進階（幺幺陸）：vue提示data.indexOf is not a funtion

原創 No Silver Bullet 2020-06-21 15:03

在進行Vue項目開發的時候，遇到控制檯錯誤提示“TypeError: data.indexOf is not a function"的錯誤。

原因：表格顯示需要數組包含對象的形式，每個對象是一行數據，拿到的數據格式不對。

解決措施：確保拿到的表格數據顯示類型爲數組。

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

Vue進階（幺叄肆）：npm查看包版本信息

第一種方式 npm view jquery versions 這種方式可以查看npm服務器上所有的jquery版本信息； 第二種方式 npm view jquery version 這種方式只能查看jquery的最新的版本是哪一

No Silver Bullet 2020-07-04 20:22:55

Vue進階（幺叄叄）：vue 報錯data functions should return an object

問題描述 在vue裏出現警告信息：data functions should return an object。 原因 component中的 data () {}中return要求返回一個對像。即使無內容也要返回一個空對象 解

No Silver Bullet 2020-06-21 15:03:04

Vue進階（幺零五）：element表格行列拖拽

element ui 表格沒有自帶的拖拽排序的功能，只能藉助第三方插件Sortablejs來實現。 git地址 中文網 Sortable — is a JavaScript library for reorderable dr

No Silver Bullet 2020-06-21 15:03:03

Vue進階（幺叄貳）：ES實現數組合並

1. ES5中合併數組 var array_1 = ['reese','root','fusco']; var array_2 = ['finch','shaw','bear'].concat(array_1);//["finc

No Silver Bullet 2020-06-21 15:02:52

Vue進階（幺叄幺）：父子組件傳值實現數據深拷貝

前言 在使用vue進行前端開發的時候，遇到了在java中開發過程中遇到的問題：對象引用， 當把A數組賦值給B數組後，B數組push了一個new value， 導致A數組中也多了一個value，一下子我就想到了對象的引用了，因爲ja

No Silver Bullet 2020-06-16 13:34:38

Vue進階（幺貳捌）：Vue插槽：slot、slot-scope與指令v-slot使用方法區別講解

在前期博文《Vue進階（幺貳柒）：Vue插槽》中主要講解了Vue中插槽的基礎用法，此篇博文接下來講解高版本下通過v-slot指令如何應用Vue插槽及與slot、slot-scope的用法區別。 demo 不具名插槽 <body>

No Silver Bullet 2020-06-16 06:22:36

Vue進階（幺貳柒）：Vue插槽

概述 插槽就是子組件中用slot標籤定義的預留位置，可以設置name屬性，也可以不設置name屬性，設置name的叫具名插槽，不設置name的的叫不具名插槽，在父組件中使用子組件時候可以在使用子組件的標籤內通過聲明插槽名或不聲明插

No Silver Bullet 2020-06-16 06:22:36

Vue進階（幺貳陸）：Vue表格複用，TypeError: _self.$scopedSlots.default is not a function解決方法

前言 在使用 element ui 的el-table 組件時，表頭應用v-if判斷來動態顯示，正常來說這樣的操作是沒有問題的，但是如果在這基礎上使用 <template slot-scope="scope"> 操作的話，表頭一旦

No Silver Bullet 2020-06-13 07:24:18

Vue進階（幺貳零）：父組件獲取子組件驗證結果

在開發Vue項目過程中，代碼複用之自定義組件是常做事情。當子組件爲form表單的時候，父組件需要獲取子組件（表單）的驗證結果。 儘管有 prop 和事件，但是有時仍然需要在 JavaScript 中直接訪問子組件。爲此可以使用 r

No Silver Bullet 2020-06-07 15:32:17

Vue進階（幺貳幺）：表單校驗注意事項

表單檢驗 注：prop對應的不單單是rules規則裏面的驗證項，同時對應着我們form-item下的v-model的值。prop綁定的類要與el-form-item下的v-model的值相對應。否則就算校驗元素輸入字符，也會提示

No Silver Bullet 2020-06-07 15:31:57

Vue進階（幺貳貳）：ES6 判斷是否爲空對象

1、使用ES6的Object.keys()方法 Object.keys()是ES6的新方法, 返回值也是對象中屬性名組成的數組，包括對象自身的（不含繼承的）所有可枚舉屬性（不含 Symbol 屬性）的鍵名。 Object.keys

No Silver Bullet 2020-06-07 15:31:57

Vue進階（幺幺玖）：element-ui配置化table組件的適應性問題（橫向滾動條）

在開發前端項目過程中，解決適配性、兼容性問題是經常遇到且費事費力的苦差事，尤其是在開發Vue項目，應用部署在IE（尤其是IE9）上的時候。 在進行動態展示（根據後臺返回的表頭、表數據展示）搜索結果時，會遇到搜索結果適配屏幕寬度或高

No Silver Bullet 2020-06-07 15:31:46

Vue進階（幺貳肆）：前端用戶體驗提升(一)

前言 俗話說，沒有產品思維的碼農不是一個好的程序猿。前端項目開發一段時間之後，除了必要的業務功能必須實現之外，就要開始考慮給開發系統增加一些附加價值，提升用戶體驗可以說是最大的附加價值。當然，從一開始開發項目就將客戶體驗置於優先考

No Silver Bullet 2020-06-07 15:31:46

Vue進階（幺貳五）：前端用戶體驗提升(二)

前言 做前端也有一段時間了，對於實現各種需求來說已經是遊刃有餘了，代碼的質量和可擴展性都能把控。目前最缺乏的就是所謂的用戶體驗。 用戶體驗說起來是一個比較模糊的概念，但是又是實實在在地決定着用戶用起來爽不爽。最近寫了很多中後臺系

No Silver Bullet 2020-06-07 15:31:46

Vue進階（幺貳叄）：v-for實現一行展示n個元素

Vue進階（幺貳叄）：v-for實現一行展示n個元素 需求背景 在開發前端項目過程中，遇到結果列表操作欄位需要每2個按鈕元素爲一行展示需求。 需求分析 可通過將返回值封裝爲二維數組，或者根據數組下標進行換行操作。 解決方案 經過實

No Silver Bullet 2020-06-07 15:31:36