当前位置: 首页 > news >正文

seochinaz查询seo排名优化公司哪家好

seochinaz查询,seo排名优化公司哪家好,西宁市网站建设多少钱,网站建设与优化计入什么科莫本文使用VUE3.0 {.is-warning} 一、 创建项目 npm create vuelatest按提示完成项目创建 {.is-info} 依次执行以下命令,确保项目可以正常运行使用 cd useWebSheetnpm installnpm run dev在执行完成npm run dev后提示如下图片: 在浏览器输入http://localh…

本文使用VUE3.0
{.is-warning}

一、 创建项目

npm create vue@latest

按提示完成项目创建
{.is-info}

在这里插入图片描述

依次执行以下命令,确保项目可以正常运行使用

  cd useWebSheetnpm installnpm run dev

在执行完成npm run dev后提示如下图片:

在这里插入图片描述

在浏览器输入http://localhost:5173/就可以看到VUE的经典页面,说明创建项目成功
{.is-success}

二、 加载websheet

这里我们将websheet的js文件和css文件放置到public目录下,在index.html中加载这些文件,代码如下:

 <!DOCTYPE html>
<html lang=""><head><meta charset="UTF-8"><link rel="stylesheet" href="/public/style.css"> <meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Vite App</title></head><body><div id="app"></div><script type="module" src="/public/websheet.umd.js"></script><script type="module" src="/src/main.js"></script></body>
</html>

三、 程序调整

3.1 App.vue

<script setup>
import HelloWebSheet from './components/HelloWebSheet.vue' 
</script><template><div ><HelloWebSheet  /></div></template><style scoped></style>

3.2 HelloWebSheet.vue

<script setup>import { onMounted } from 'vue'onMounted(() => {let yourElement=document.getElementById("websheetid");let wsheet=new websheet('ID', yourElement);
})</script><template><div id="websheetid"> </div>
</template><style scoped></style>

websheet展示工具类,只需要两个参数就可以完成页面渲染

参数一:是html内渲染后的唯一ID
参数二:是1.2定义的渲染div
{.is-info}

3.3 执行后的效果

npm run dev

效果
{.is-success}

在这里插入图片描述

    加载完成后就可以右击菜单选择浏览本地的EXCEL的XLSX文件。

四、 异步从网站获取文件

本节内容需要安装在服务器上,例如NGINX,TOMCAT等。本地调试环境无法正常运行。
错误内容如下:
Access to XMLHttpRequest at ’ ’ from origin ‘http://localhost:5173’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
{.is-warning}

4.1 axios 安装

npm install axios

4.2 程序调整

 axios.get('http://www.websheet.cn/files/1.xlsx', { responseType: 'blob' }).then(response => {const blob = new Blob([response.data], { type: 'application/octet-stream' });wsheet.loadFromBlob(blob);}).catch(error => {console.error('获取文件失败:', error);});

        文件加载完成,绑定方法可以参考:

  wsheet.$on("DocumentChange", function () {activeSheet = wsheet.ActiveSheet();activeSheet.SetCellValue(2, 1, '3435354.34');console.log("DocumentChange:")
});

这里需要重新获取获得的activeSheet,原初始化的activeSheet失效。
{.is-warning}

五、控件展示大小

        本控件默认的大小为width = 1400, height = 700。可以在初始化的时候设置大小,代码如下

 let wsheet = new websheet('HTML', yourElement, 0, 0, document.documentElement.clientWidth * 0.95, 400);

        同时也可以在运行时重新制定大小,代码如下

 wsheet.ReSetSize(1500,1500);
http://www.dtcms.com/a/470896.html

相关文章:

  • 一场跨越技术栈的诡异异常侦破记
  • 基于之前说麦克斯韦方程的挠场和涡旋场和特斯拉的非赫兹波
  • 铁路项目建设 网站wordpress站点
  • i.mx8上Qt应用星期显示异常
  • 08_Matplotlib数据可视化
  • 怎么上传自己做的网站wordpress注册跳转
  • 荆州做网站建设学校网站多钱
  • RDKit | 深入探讨用于捕获立体化学特征的分子指纹
  • Windows Server 2019域域控制器如何设置编辑WMI筛选器
  • Hive SQL:where 与 having(城市分组,年龄筛选)
  • C# 枚举(Enum)
  • 松江网站建设哪家好手机网站开发计划
  • 模板网站如何做seo网站维护html模板
  • PostgreSql 判断字符串是否为null 或 空字符串
  • 我做外贸要开国际网站吗个人网站cms
  • VR全景园区完整实现方案
  • GPS与北斗组合单点定位算法MATLAB实现
  • PostgreSQL 中 CTE 的使用
  • 网站开发语言怎么样wordpress底板版权
  • 【C语言加油站】C语言文件操作详解:从“流”的概念到文件的打开与关闭​
  • 涪陵网站建设公司国内可以上的网站
  • 国产CAD皇冠CAD(CrownCAD)三维建模教程:变压器
  • 网站博客程序logo智能设计一键生成器
  • 网站空间可以通过什么获取专业做鞋子的网站有哪些
  • 优秀企业网站设计欣赏电商网站建设意义
  • PwnKit提权漏洞复现:原理分析+环境搭建+渗透实践(CVE-2021-4034)
  • 李宏毅机器学习笔记19
  • 腾讯建设网站视频下载深圳坪山天气
  • 群晖wordpress主机兰州seo新站优化招商
  • Go语言实现HTML转PDF