资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

Vue如何实现从文件中获取文本信息-创新互联

这篇文章主要介绍Vue如何实现从文件中获取文本信息,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联专注为客户提供全方位的互联网综合服务,包含不限于网站制作、成都网站建设、高县网络推广、重庆小程序开发、高县网络营销、高县企业策划、高县品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们大的嘉奖;创新互联为所有大学生创业者提供高县建站搭建服务,24小时服务热线:13518219792,官方网址:www.cdcxhl.com为什么要使用Vue

Vue是一款友好的、多用途且高性能的JavaScript框架,使用vue可以创建可维护性和可测试性更强的代码库,Vue允许可以将一个网页分割成可复用的组件,每个组件都包含属于自己的HTML、CSS、JavaScript,以用来渲染网页中相应的地方,所以越来越多的前端开发者使用vue。

具体如下:

最近在使用vue做项目的时候,遇到一个需求,界面中需要显示大量的说明文字,为了保持界面的整洁和赶紧,决定采用单独的文件来存储显示信息,然后通过文件读取的方式显示到界面上。

刚开始我使用的是File和FileReader对象获取,但是比较气人的是这两个对象是IE浏览器特有的属性,chrome不支持,而且为了安全起见,现在浏览器是不推崇这种做法的,因为很容易造成文件被外部恶意删除或增加内容,安全性太低。无奈之下,想到了一个既简单又比较取巧的方法,使用export来实现。

实现的思路:

1.新建一个.js文件,在文件中定义一个常量,并将这个常量通过export导出

2.在要使用这段文字的vue文件中,import这个js文件中的常量,然后直接引用

下面做个简单示例:

首先,目录结构如下所示:

Vue如何实现从文件中获取文本信息

2.开发airStruction.js内容

export const struction={
 Title:'哈哈哈哈哈

',  Content:'安装说明

\n' +   ''+   内容内容内容   '
'+ }

3.在vue文件中引用这个js文件中的内容,我是直接读取后,在界面插入,因为里面可能标题和文字样式不同,所以采用这种方法比较简便。




以上是“Vue如何实现从文件中获取文本信息”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


标题名称:Vue如何实现从文件中获取文本信息-创新互联
标题路径:http://cdkjz.cn/article/deigih.html
返回首页 了解更多建站资讯
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220