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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

Vue表格組件vue-handsontable-official怎么使用handsontable

Vue表格組件vue-handsontable-official怎么使用handsontable

寶慕林4294392 2019-03-08 14:15:27
在vue中使用了表格組件handsontable的vue版本vue-handsontable-official,但是大多數(shù)時(shí)候都會(huì)使用到原始版本的一些方法,但是在原始版本中會(huì)創(chuàng)建handsontable對(duì)象,通過(guò)對(duì)象調(diào)用方法,但是在vue版本中,handsontable是作為一個(gè)組件的,沒(méi)有創(chuàng)建它的對(duì)象,這時(shí)候我應(yīng)該怎么調(diào)用它本身的方法呢?原始版本的使用示例:hot = Handsontable(document.getElementById('example1'), {    data: data,    minRows: 5,    minCols: 6,    currentRowClassName: 'currentRow',    currentColClassName: 'currentCol',    rowHeaders: true,    colHeaders: true,    selectCell:selectCell1  });  hot.selectCell(1,2,3,4);vue的使用示例:<template>  <div id="hot-preview">    <HotTable :root="root" :settings="hotSettings"></HotTable>  </div></template><script>  import HotTable from 'vue-handsontable-official';  export default {    data: function() {      return {        root: 'test-hot',        hotSettings: {          data: [['sample', 'data']],          colHeaders: true        }      };    },    components: {      HotTable    }  }</script>上面的例子是在原始版本中調(diào)用它本身的一個(gè)方法,選中指定的單元格。但是我想在vue中使用這個(gè)方法,不知道怎么才能調(diào)用,麻煩研究過(guò)這塊的同學(xué)幫忙解答一下,不甚感激!
查看完整描述

1 回答

?
牧羊人nacy

TA貢獻(xiàn)1862條經(jīng)驗(yàn) 獲得超7個(gè)贊

我找到了一個(gè)方法,可以使用vue的ref屬性綁定對(duì)象。

示例:


<template>

  <div id="hot-preview">

    <HotTable :root="root" ref="testHot" :settings="hotSettings"></HotTable>

  </div>

</template>


<script>

  import HotTable from 'vue-handsontable-official';

  export default {

    data: function() {

      return {

        root: 'test-hot',

        hotSettings: {

          data: [['sample', 'data']],

          colHeaders: true

        }

      };

    },

    methods:{

      testFunc:function(){

        //this.$refs.hotTable.table就是當(dāng)前的表格的對(duì)象

        console.log(this.$refs.hotTable.table)

      }

    }

    components: {

      HotTable

    }

  }

</script>


查看完整回答
反對(duì) 回復(fù) 2019-03-21
  • 1 回答
  • 0 關(guān)注
  • 1198 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

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