Vue
DistantPluto
雨季一过,门栏前吐新芽是我/隆冬时节,壁炉烟尘是我
展开
-
Vue图片路径的处理
VUE图片路径绑定项目中由于后端返回的数据,不能直接得到图片路径地址,与后台定义了一下,将需要用到的图片存在本地,后端返回一个图片命名,根据名称取到相应的图片。<div class="fl img-left"><img class="img-response" :src="getImageUrl(item.taskImg)" alt=""></div&am原创 2018-11-06 11:09:00 · 2980 阅读 · 0 评论 -
H5与原生交互判断移动设备类型
跳转方法需要根据要跳转进入的设备传入不同的参数var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器 var isiOS = !!u.matc...原创 2018-11-09 17:06:59 · 483 阅读 · 0 评论 -
vue路由name同名,路由重复问题
在项目中,想让路由后缀为空,或者index的时候,都跳转到路由为index的页面,于是在router中如下配置routes: [{ path: '/', name: 'index', component: () => import('@/components/index').then(m => m.default) },{ path: '/in...原创 2018-11-21 10:17:46 · 10556 阅读 · 0 评论 -
Element-Ui 按需引入以后 Message组件错误
项目完成后,进行性能优化,其中一项措施对Element-Ui采用按需引入的方式但是发现Message模块出现错误this.$message({ message: '正在开发', type: 'info', duration: 1000});这是组件的使用import { Dialog, Select,Progress,Message,Option } ...原创 2018-11-29 17:40:49 · 5812 阅读 · 0 评论 -
将字符串转化为数组对象
在做项目的时候后端传回的数据中,有个字段是以分号连接的字符串需要实现的效果所以这就需要将上面的一段字符串转化为一个数组对象,下面是实现代码this.detailInfo = res.datalet guide = res.data.guide.split(';') //res.data.guide为上述字符串guide.pop()var guideList = [...原创 2019-03-19 14:22:20 · 22429 阅读 · 0 评论 -
vscode快速生成vue模板
1.需要一个插件来识别vue文件插件库中输入vuter,install下载2.设置自己的代码片段File - Preferences - User Snippets - 输入vue.json 建立以此命名的文件删除其中的代码3.修改其中的代码4.重启vscode,新建页面的时候输入vue,回车,快速生成vue模板...原创 2019-04-08 10:38:27 · 3563 阅读 · 0 评论 -
H5利用jsBridge与原生交互
给原生发消息,想在回调中判断回调的结果进行操作,结果发现安卓和IOS都收不到回调的返回值。分析是因为利用jsBridge给原生发消息是同步方法,调用即结束了,前端已经拿不到回调结果。可以在回调中做操作,但不能利用原生的返回值做 if 条件来判断。所以,还需要进行的处理是给原生发消息,原生在完成了必要的操作以后,再调用jsBridge给前端发一个消息,通知已经完成,再交由前端处理。先给原...原创 2019-07-16 15:39:28 · 2491 阅读 · 0 评论 -
Vue点击事件获取当前元素html
想实现类似jquery里的$(this).html()这里需要用给click事件添加$event参数@click="buyProduct($event)"在methods里buyProduct方法接收参数buyProduct (event) { // event.target 当前点击的元素 // event.currentTarget 当前绑定事件的元素 // event.cu...原创 2019-10-10 18:28:44 · 2535 阅读 · 0 评论 -
vue中给data中的变量动态添加后缀
比如在data中声明的show1、show2、show3、show4,会有场景使用时是showX需要需要用到一个变量去赋值1、2、3、4…let index = 1/2/3/4this[`show${index}`]原创 2019-10-10 18:36:51 · 1251 阅读 · 0 评论