VUE 中 Data Manager 出错

收藏

用官网“自动同步及批量更新”例子运行正常，当使用vue-cli 方式后出现：
image.png694310912.png

package.json：
{
"name": "spreadjs-huangshu",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"@grapecity/spread-excelio": "^14.2.4",
"@grapecity/spread-sheets": "^14.2.3",
"@grapecity/spread-sheets-print": "^14.2.5",
"@grapecity/spread-sheets-resources-zh": "^14.2.3",
"@grapecity/spread-sheets-tablesheet": "^14.2.5",
"@grapecity/spread-sheets-vue": "^14.2.3",
"wijmo": "5.20183.568",
"core-js": "^3.6.5",
"element-ui": "^2.4.5",
"less-loader": "^6.0.0",
"xmldom": "0.1.27",
"plugin-typescript": "8.0.0",
"typescript": "3.1.2",
"vue": "^2.6.11",
"vue-router": "^3.2.0",
"vuex": "^3.4.0"
},
"devDependencies": {
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-eslint": "~4.5.0",
"@vue/cli-plugin-router": "~4.5.0",
"@vue/cli-plugin-vuex": "~4.5.0",
"@vue/cli-service": "~4.5.0",
"axios": "^0.18.1",
"babel-eslint": "^10.1.0",
"file-saver": "^2.0.1",
"eslint": "^6.7.2",
"eslint-plugin-vue": "^6.2.2",
"vue-cli-plugin-axios": "0.0.4",
"vue-cli-plugin-element": "^1.0.1",
"vue-template-compiler": "^2.6.11"
},
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/essential",
"eslint:recommended"
],
"parserOptions": {
"parser": "babel-eslint"
},
"rules": {
   "vue/no-parsing-error": [
      2,
      {
      "x-invalid-end-tag": false
      }
   ]
}
},
"postcss": {
"plugins": {
"autoprefixer": {}
}
},
"browserslist": [
"> 1%",
"last 2 versions",
"not ie <= 8"
]
}

Lynn.Dou · Lynn.Dou

您好，
这边先尝试通过vue-cli的方式整理个demo，待有结果会在贴中回复您。

Lynn.Dou · Lynn.Dou

请参考附件demo

十亩苍烟 · 十亩苍烟

多谢版主提供的例子代码，我修改了官网的“row-operations_Vue”的代码，但是官网运行lite-server项目发布数据依然正常，修改后的代码还是出现：vue.runtime.esm.js:620 [Vue warn]: Error in v-on handler: "TypeError: spread.dataManager is not a function"
found in
---> <GcSpreadSheets>
<App> at src/App.vue
<Root>
TypeError: spread.dataManager is not a function
at VueComponent.initSpread (cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/App.vue?vue&type=script&lang=js&:107)
at invokeWithErrorHandling (vue.runtime.esm.js:1862)
at VueComponent.invoker (vue.runtime.esm.js:2187)
at invokeWithErrorHandling (vue.runtime.esm.js:1862)
at VueComponent.Vue.$emit (vue.runtime.esm.js:3897)
at VueComponent.eval (gc.spread.sheets.vue.min.js:12)
at Array.eval (vue.runtime.esm.js:1988)
at flushCallbacks (vue.runtime.esm.js:1914)
错误，并且我安装了同步工具 npm install browser-sync --save-dev,重新安装：npm install --save @grapecity/spread-sheets-vue。

Lynn.Dou · Lynn.Dou

十亩苍烟发表于 2022-1-29 00:41
多谢版主提供的例子代码，我修改了官网的“row-operations_Vue”的代码，但是官网运行lite-server项目发布 ...

”我修改了官网的“row-operations_Vue”的代码，但是官网运行lite-server项目发布数据依然正常“
您的意思是修改了代码后，数据应该是不正常（或者说修改过的），但实际上数据是正常的吗？
与您后面描述的报错问题又是什么关系呢？
从您的描述中，这边未能理解您的需求，
请您详细描述下复现此问题的步骤，并且提供可复现此问题的demo，这样这边才能进一步调研原因。

十亩苍烟 · 十亩苍烟

Lynn.Dou 发表于 2022-1-29 13:55
”我修改了官网的“row-operations_Vue”的代码，但是官网运行lite-server项目发布数据依然正常“
您 ...

多谢，已经搞定，以后遇到问题再开贴。

Lynn.Dou · Lynn.Dou

问题解决了就好，那本帖就先结贴了，有问题欢迎另开新帖交流。

		自动登录	找回密码
密码			立即注册

[已处理] VUE 中 Data Manager 出错

6 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人