亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Vuetify - 如何在數據表中生成動態值?

Vuetify - 如何在數據表中生成動態值?

一只甜甜圈 2022-06-09 18:55:52
我正在處理 JSON 數據并使用 Vuetify 的Data Tables對其進行格式化。該文檔說以headers下列方式定義表:import data from './data.json'export default {    data () {        return {            cities_data: data,            headers: [                { text: 'City', sortable: true, value: 'city' },  // 'city', 'citizens', etc., are JSON keys                { text: '#Citizens', sortable: true, value: 'citizens' },                { text: '#Schools', sortable: true, value: 'schools' },                { text: 'Schools per Citizen', value: this.countSchoolsPerCitizen }            ](...)在computed我嘗試過的方法中:computed: {    countSchoolsPerCitizen() {        return this.schools / this.citizens    }}...既然我在這里,你知道它不起作用:-)控制臺不給出任何提示,既不顯示錯誤也不顯示警告;只是在非空標題標題下方僅顯示空值。任何想法如何進行?
查看完整描述

1 回答

?
青春有我

TA貢獻1784條經驗 獲得超8個贊

你cities_datawhich 應該是一個計算屬性,附加列名為countSchoolsPerCitizen:


computed: {

    cities_data(){

     return data.map(d=>{

       d.countSchoolsPerCitizen = d.schools / d.citizens;

       return d;   

       })

   }

}


headers數據屬性應該是這樣的:


  headers: [

                { text: 'City', sortable: true, value: 'city' },  // 'city', 'citizens', etc., are JSON keys

                { text: '#Citizens', sortable: true, value: 'citizens' },

                { text: '#Schools', sortable: true, value: 'schools' },

                { text: 'Schools per Citizen', value: 'countSchoolsPerCitizen' }

                   //reference that additional column here -----^                                      

            ]


查看完整回答
反對 回復 2022-06-09
  • 1 回答
  • 0 關注
  • 95 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號