Skip to main content
本文に 3 文字追加
ソース リンク
cubick
  • 2.1万
  • 5
  • 27
  • 64

Google Apps Scriptで  Vue3でテストアプリを作成しています。

クライアント側Javascriptでいろいろ試していますが、二次元配列がObject型?になるのか、v-forで回せません。どのように渡すと良いのでしょうか?
ベタ打ちの配列を返すと動作するので、CDN等の設定は問題ないとしてアドバイスをいただければと思います。

javascript.html

    javascript.html

<script>
function initializeVue(values){

const app = {
  data(){
    return {
      lists: values
    }
  }
}

Vue.createApp(app).mount(‘#app’)

}

google.script.run.withSuccessHandler(initializeVue).getSpreadsheetValues();

</script>
 
code.gs

code.gs

function getSpreadsheetValues()
{
  return SpreadsheetApp.getActiveSpreadsheet().getDataRange().getValues();
}
 

Google Apps Scriptで  Vue3でテストアプリを作成しています。

クライアント側Javascriptでいろいろ試していますが、二次元配列がObject型?になるのか、v-forで回せません。どのように渡すと良いのでしょうか?
ベタ打ちの配列を返すと動作するので、CDN等の設定は問題ないとしてアドバイスをいただければと思います。

    javascript.html

<script>
function initializeVue(values){

const app = {
  data(){
    return {
      lists: values
    }
  }
}

Vue.createApp(app).mount(‘#app’)

}

google.script.run.withSuccessHandler(initializeVue).getSpreadsheetValues();

</script>
 
code.gs
function getSpreadsheetValues()
{
  return SpreadsheetApp.getActiveSpreadsheet().getDataRange().getValues();
}
 

Google Apps ScriptでVue3でテストアプリを作成しています。

クライアント側Javascriptでいろいろ試していますが、二次元配列がObject型?になるのか、v-forで回せません。どのように渡すと良いのでしょうか?
ベタ打ちの配列を返すと動作するので、CDN等の設定は問題ないとしてアドバイスをいただければと思います。

javascript.html

<script>
function initializeVue(values){

const app = {
  data(){
    return {
      lists: values
    }
  }
}

Vue.createApp(app).mount(‘#app’)

}

google.script.run.withSuccessHandler(initializeVue).getSpreadsheetValues();

</script>

code.gs

function getSpreadsheetValues()
{
  return SpreadsheetApp.getActiveSpreadsheet().getDataRange().getValues();
}
ソース リンク
masa
  • 79
  • 5

Vue3に二次元配列を渡す方法

Google Apps Scriptで Vue3でテストアプリを作成しています。

クライアント側Javascriptでいろいろ試していますが、二次元配列がObject型?になるのか、v-forで回せません。どのように渡すと良いのでしょうか?
ベタ打ちの配列を返すと動作するので、CDN等の設定は問題ないとしてアドバイスをいただければと思います。

    javascript.html

<script>
function initializeVue(values){

const app = {
  data(){
    return {
      lists: values
    }
  }
}

Vue.createApp(app).mount(‘#app’)

}

google.script.run.withSuccessHandler(initializeVue).getSpreadsheetValues();

</script>

code.gs
function getSpreadsheetValues()
{
  return SpreadsheetApp.getActiveSpreadsheet().getDataRange().getValues();
}