Vue项目定义js公用方法
1、使用脚手架搭建vue项目2、创建一个新的js文件,文件位置根据个人习惯来放接下来编写这个js文件,我是用来去掉富文本编辑器自带的标签和样式// 将获取的富文本编辑器转过来的html格式转文字var getText =(content) => {let description = content//1。/pattern/是正则表达式的界定...
·
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(/[ ]|[ ]/g, ''); // 去掉 标签
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
更多推荐
已为社区贡献8条内容
所有评论(0)