vue
ajzzz
这个作者很懒,什么都没留下…
展开
-
vuex中actions调用别的另一个actions的方法
//需要传入dispatch参数 getSkuAttr({dispatch, commit}, goods) { return api["goods/getSkuAttr"]({ goods_id: goods.goods_id, sku:goods.sku, }).then(res => { //商品没有规格或者没有属性 if (res.data.data.attr_list.length == .原创 2020-11-04 10:07:35 · 4755 阅读 · 0 评论 -
js 生成二维码 vue项目
//生成一个dom存放二维码 <div id="qrcode" ref="qrcode"></div> //引入库 import QRCode from 'qrcodejs2' //如果没有二维码就生产 有就删除当前二维码重新生产新的 if (!this.qrcode) { this.qrcode = new QRCode('qrcode', { width: 200, height: 200, // 高度 text: content//.原创 2020-09-27 17:35:48 · 214 阅读 · 0 评论 -
vue 路由 有子路由的父级路由跳转到根路径
路由跳转时,如果直接使用 this.router.push(name/path:"xxx")将会跳转到子路由如果需要跳转到根路由时需要在path前加“”/“”this.router.push({name/path:"xxx"}) 将会跳转到子路由 如果需要跳转到根路由时 需要在path前加“”/“”this.router.push(name/path:"xxx")将会跳转到子路由如果需要跳转...原创 2020-01-16 17:46:17 · 3888 阅读 · 0 评论 -
Vue项目中出现Loading chunk {n} failed问题的解决方法
这应该是缓存的原因,当用户正在浏览网页时 服务器更新了代码就会出现这个报错当我在服务器保留了之前版本的代码 并且只在代码更新完才访问网页时就没出现过这个报错了当出现这个报错的时候其实只要再点击一次路由按钮就正常跳转了 可是会不定期出现这就很烦。如果想保证出现了这个报错仍然能够正常的跳转,可以监听路由报错然后进行处理https://segmentfault.com/a/11900000163...原创 2019-08-06 15:54:09 · 4660 阅读 · 0 评论 -
vue项目实现后退保持滚动条位置
需求是:a->b->ca页面和b页面都在前一个页面后退回来的时候保持之前离开页面时滚动条的位置因我的项目不止三个页面,并且有的页面不需要保持状态 所以我使用了路由元信息来判断页面是否需要保持状态首先在路由里添加keepAlive 为 true时页面需要保持状态 又因为a、b页面只有当他的前一个页面后退回来才需要保持而别的页面进入a、b页面是不需要保持的 所以又添加了isBa...原创 2019-07-02 17:09:06 · 1291 阅读 · 1 评论 -
vue 动态绑定class style
在vue中 切换样式的话不需要操作dom 在class 或者style上切换会显得比较方便还有就是vue里面绑定的class是无法覆盖原class样式的class //三元表达 :class="isActive ? 'active' : 'no-active'" //判断绑定 :class="{ active: isActive }" //直接绑定 ...原创 2019-04-04 17:49:44 · 395 阅读 · 0 评论 -
使用新字符串代替旧字符串
可以使用str.replace()函数let str = “我是一串旧字符串”let b = “旧”let c = “新”let newStr = str.replace(b,c)原创 2019-03-15 18:37:27 · 633 阅读 · 0 评论 -
vue 条件判断绑定内联样式
当需要判断条件来绑定内联样式时 可以三元运算符判断,然后绑定一个对象:style="!areaCode || !phoneNumber || !receivedCode || !verification ? '{backgruond:#ccc}' : $store.state.store.config.background" ...原创 2019-03-04 18:04:14 · 3950 阅读 · 0 评论 -
vue router-link中选中路由设置样式
在vue中 用css就可以给router-link设置样式.router-link-active{…}但有时候需要动态地修改 就需要给每个router-link一个标识,当他激活的时候绑定一个内联样式 &amp;lt;template&amp;gt; &amp;lt;div class=&quot;tabberWarp&quot; &amp;gt; &amp;lt;div cla原创 2019-03-05 14:43:41 · 7419 阅读 · 2 评论 -
vue-i18n 在js中调用多语言数据
<div class="text">{{$t("store.home.title3")}}</div>{{}}中的意思其实是省略了this 所以在js中调用时,需要加上this this.categoryList =[ { id:null, category_name:this.$t("store....原创 2019-03-01 15:39:39 · 1447 阅读 · 0 评论 -
vue 默认子路由不生效
当一个路由配置文件里有定义了两个路由时,默认子路由会不生效export default [{path: ‘/store’,component: () =&amp;amp;gt; import(’@/page/store/index’),name:“xxxxx”,children: [{path: ‘’,redirect: {name: ‘storeHome’},},{path: ‘ho...原创 2019-02-27 15:42:09 · 5743 阅读 · 0 评论