第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

Vue.js crud javascript?

Vue.js crud javascript?

慕的地8271018 2022-11-11 14:02:04
我需要將數(shù)據(jù)加載到動手操作表中,當我使用:案例:如果直接用于數(shù)據(jù),它的工作很好,但我需要在從 Axios 創(chuàng)建時加載數(shù)據(jù),使用 Axios。這行不通。data: function() {  return {    info:[],    hotSettings: {      data: [['a','b','c'],['ra','rb','rc']],    }  }}案例:如果在我的變量信息中使用,它也不起作用。data: function() {  return {    info:[['a','b','c'],['ra','rb','rc']],    hotSettings: {      data: this.info,    }  }}案例:使用創(chuàng)建的鉤子。這行不通。<template>        <div>     <hot-table ref="hotTableComponent" :settings="hotSettings"></hot-table>   </div></template>     <script>import { HotTable } from '@handsontable/vue';import Handsontable from 'handsontable';    export default {  created: function (){    this.newData()  },  data: function() {    return {      info:[],      hotSettings: {        data: this.info,        colHeaders: ['ID','Name',' pain'],        rowHeaders: true,        minRows: 2,        minCols: 3,      }    }  },  methods: {    newData() {      //dont work 1rs,      this.info = ['a','b','c'],['ra','rb','rc']];          // don't work, change 2dn       // let urlsecciones = 'seccion/show';      // axios.get(urlsecciones).then(response => {      //        this.info = response.data;      //        console.log(response.data) // run good      // });     }  },            components: {      HotTable    }  }</script>
查看完整描述

1 回答

?
拉風的咖菲貓

TA貢獻1995條經(jīng)驗 獲得超2個贊

您不能在它們之間引用數(shù)據(jù)屬性,而是可以使用計算屬性來處理您想要的內(nèi)容:


new Vue({

  el: "#app",

  created: function (){

    this.newData()

  },

  data() {

    return {

      info: [],

    }

  },    

  computed:{

    hotSettings(){

      return {

        data: this.info,

        colHeaders: ['ID','Name',' pain'],

        rowHeaders: true,

        minRows: 2,

        minCols: 3,

      }

    }

  },

  methods: {

    newData() {

       this.info =  [

         ["a", "b", "c"],

         ["ra", "rb", "rc"]

       ]

      // Handle Axios logic here

   }

 },

  components: {

     'hottable': Handsontable.vue.HotTable

  }

});

 <div id="app">

   <HotTable :settings="hotSettings"></HotTable>

 </div>

jsfiddle:https ://jsfiddle.net/hansfelix50/069s1x35/


查看完整回答
反對 回復 2022-11-11
  • 1 回答
  • 0 關(guān)注
  • 132 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號