w3h5

Tag "vue" 相关内容 共4页,当前第1页

经验总结

Swiper组件使用loop属性,右滑再左滑点击事件不起效的解决办法

1

Deshun 发布于 3周前 (07-14)   阅读(69)   评论(0)   赞 (0)  

Swiper组件使用loop属性,右滑再左滑点击事件不起效的解决办法

在 Vue 项目中使用 npm Swiper 组件,在测试时发现在某些情况下绑定的 click 事件不起效。因为在点击 banner 时要做一些判断,比如是否登录,是否实名认证等,所以必须解决这一问题。在 swiper 组件启用了 loop 循环模式时,会在原本 slide 前后复制若干个slide(默认一个)并在合适的时候切换,让 Swiper 看起来是循...

经验总结

Vue项目使用Ant Design升级后报错Carousel `vertical` is deprecated的解决方法

Deshun 发布于 3周前 (07-10)   阅读(69)   评论(0)   赞 (0)  

昨天,我们解决了 Ant Design 升级后,国际化组件 LocaleProvider 报错的问题:Vue项目使用Ant Design升级后报错`LocaleProvider` is deprecated的解决方法今天又发现首页有一个报错:Warning: [antdv: Carousel] `vertical` is deprecated, please use `dotPositi...

经验总结

Vue项目使用Ant Design升级后报错`LocaleProvider` is deprecated的解决方法

Deshun 发布于 4周前 (07-09)   阅读(412)   评论(0)   赞 (0)  

今天重写一个 Vue 项目,使用的是 Ant Design for Vue 框架,发现 Collapse 折叠面板的 expand-icon-position 属性不能用。将小箭头设置在右侧不生效,代码如下:<a-collapse :bordered="false" expand-icon-position="right&...

经验总结

webpack正式、测试环境接口地址本地运行及打包命令配置

1

Deshun 发布于 4周前 (07-07)   阅读(93)   评论(0)   赞 (0)  

webpack正式、测试环境接口地址本地运行及打包命令配置

为了方便开发,节省接口地址修改维护时间,可以通过 webpack 配置,区分正式、测试环境。可以方便的通过一个命令或者参数,运行或者连接不同环境的接口地址:# 本地运行测试环境 npm run dev # 本地运行正式环境  npm run prod # 测试环境...

经验总结

Vue中使用v-html内容图片过大的解决方法

Deshun 发布于 1个月前 (07-01)   阅读(163)   评论(0)   赞 (0)  

在同事的项目中遇到一个问题,使用 Vue 的 v-html 后,内容里边的图片太大,显示不全。但是设置 style 又不管用:.img {   max-width: 100%;   height: auto; }实际上还是 Vue 的 scoped 穿透问题:参考我之前的文章(Vue项目中scoped属性的作用,及scop...

经验总结

Vue js 截取字符串及数据类型强制转换

Deshun 发布于 1个月前 (06-22)   阅读(139)   评论(0)   赞 (0)  

整理一下 Vue JS 截取字符串和数据类型转换的一些方法:截取字符串:这里总结了3种方法,可以根据需要使用。slice() 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分 stringObject.slice(start,end)。start 要抽取的片断的起始下标。如果是负数,则该参数规定的是从字符串的尾部开始算起的位置。也就是说,-1 指字符串的最后一个字符,-2 指倒数第二个字...

经验总结

Vue报错Invalid handler for event "click": got undefined的原因及解决办法

Deshun 发布于 1个月前 (06-21)   阅读(601)   评论(0)   赞 (0)  

今天帮同事改 bug 发现页面报错如下:[Vue warn]: Invalid handler for event "click": got undefined原因:他的方法没有写到 methods: { } 里面。解决:将方法写在 methods 里面就可以了。methods:{   onChange(event) {   ...

经验总结

Vue组件封装及引用,封装一个带参数的弹窗组件

1

Deshun 发布于 2个月前 (06-04)   阅读(235)   评论(0)   赞 (0)  

Vue组件封装及引用,封装一个带参数的弹窗组件

Vue 是一款国产的非常优秀的前端框架,官方的介绍是: Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。今天封装了一个带参数的弹窗方法,可以直接调用,自定义图片,提示文字,取消和确定(带参数的方法)。首先,我在 components 目录下创建一个 CreditConf...