Vue项目定义js公用方法

1、使用脚手架搭建vue项目

2、创建一个新的js文件,文件位置根据个人习惯来放

接下来编写这个js文件，我是用来去掉富文本编辑器自带的标签和样式


// 将获取的富文本编辑器转过来的html格式转文字
var getText =(content) => {let description = content
//   1。/pattern/是正则表达式的界定符，里面的内容(pattern)是要匹配的内容，就是本例中的/\//；
//   2。\是转义的意思，\/代表的是/字符。
// 3。JavaScript中应该是字符串的replace() 方法如果直接用str.replace(/\//g, '')只会替换第一个匹配的字符. 而str.replace(/\//g, '')则可以替换掉全部匹配的字符（g为全局标志）。description = description.replace(/(\n)/g, '');description = description.replace(/(\t)/g, '');description = description.replace(/(\r)/g, '');description = description.replace(/<\/?[^>]*>/g, ''); // 找到所有的<>的标签，都替换为空格description = description.replace(/\s*/g, ''); // 表示替换字符串中所有的空字符串description = description.replace(/[ ]|[&nbsp;]/g, ''); // 去掉&nbsp;标签return description
}export default {getText
}

定义了这个方法作为公用方法，那么在main.js进行引入


import publicMethod from './assets/js/getText'Vue.prototype.publicMethod = publicMethod

接下来是我们在vue文件中使用，在main.js的设计了publicMethod的原型是publicMethod，因此在vue项目可以直接this.publicMethod就可以访问到我们引入的js文件，在我们的js文件中我们是把getText暴露出来的，因此获取这个方法的完整路径为

this.publicMethod.getText

Vue项目定义js公用方法相关推荐

Swiper4.5在vue项目中的使用方法
一. 效果图 · 渐变式 · gif 动画演示: 二.首先,npm 安装 swiper 用swiper,所以要先在框架内npm install --save swiper安装它. 安装完成之后,你会在 ...
记一次升级node版本后，运行原vue项目报错问题解决方法
记一次升级node版本后,运行原vue项目报错问题解决方法参考文章: (1)记一次升级node版本后,运行原vue项目报错问题解决方法 (2)https://www.cnblogs.com/happ ...
Vue项目：js模拟点击a标签下载文件并重命名，URL文件地址下载方法、请求接口下载文件方法总结。
URL文件地址下载方法一.正常情况下,我们都如此下载文件并修改文件名,在a标签上面添加download属性 //文件下载downFile() {if ('download' in document. ...
将Vue项目methods中的方法暴露在window上
这座城市风很大,孤独的人总是晚回家. 我是一个H5,咱们在写APP的时候,也就是APP内部嵌套咱们H5代码的时候,肯定会遇到交互问题,如果使用普通html js css的话应该没有什么太大的问题,因为 ...
vue的html自动刷新,vue项目刷新当前页面的方法
想必大家在刨坑vue的时候也遇到过下面情形:比如在删除或者增加一条记录的时候希望当前页面可以重新刷新或者如下面这种: 如果希望点击确定的时候,Dialog 对话框关闭的时候,当前http://loca ...
Vue项目设置局域网访问方法
本人Vue脚手架版本为@vue/cli 5.0.4 创建出的Vue项目工程格式如图方法为修改config 文件夹下的index.js文件将host默认的localhost修改即可.
Vue项目使用天地图的方法（Vue引入天地图，创建地图实例）
最近项目需要用到天地图,要引入到Vue项目中,鉴于官网没有相关的说明文档,在这里我记录一下我所使用的引入方法,可能不是很好,希望有更好的方法大佬能教一下我. 第一步,在Vue项目文件夹public下的 ...
如何打开别人发布的vue项目---express的使用方法
Express 是一个基于 Node.js 平台的极简.灵活的 web 应用开发框架,它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用. 现在来说说express的基本用法安装首先你 ...
history模式 nginx配置_nginx反向代理部署vue项目(history模式)的方法
前言: 根据标题我们要区分出两个信息 1. history 模式部署 ( vue的路由模式如果使用history,刷新会报404错误.) 2. Nginx 做反向代理问题1思考: vue-route ...

Vue项目定义js公用方法

Vue项目定义js公用方法相关推荐

最新文章

热门文章