在vue项目中使用全局混入

步骤：

1. 根目录下新建文件夹，新建js文件填写筛选条件，返回值
2. main.js中导入此混入的js文件并混入使用
3. 在需要的页面中直接使用全局混入的筛选方法

代码展示

1. 新建mixin文件夹中包含commin的js文件，填写筛选条件

import store from '../store/index.js'
export default {
	filters:{
		imgurl(imgsrc){
			if(imgsrc) {
				if(imgsrc.substring(0,4)=='http'){
					return imgsrc;
				}
				return store.state.imgSrc + imgsrc;
			}else {
				return
			}
		}
	}
};

2. 主文件中导入并全局使用

import common from './mixin/commin.js';
Vue.mixin(common)

3. 页面中使用

:src="item.content|imgurl"