![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue技巧
小熊海啸
前端一个
展开
-
webpack通过externals加载外部的CDN资源 vue-router吐血踩坑!!
webpack的 externals配置如下index.html 配置运行发现经过两天的查阅资料,网上各种方法都试了,一点都没有解决,一点办法都没有无赖,我打开vue-router3.2.0CDN源码慢慢对比发现了问题的所在!!!!https://cdn.staticfile.org/vue-router/3.2.0/vue-router.esm.browser.min.js解决方法换成下面这个cdn 就可以了!!!!!!!!!!!https://c...原创 2021-05-18 00:04:55 · 864 阅读 · 1 评论 -
实现tab标签页与进度条的联动效果
先上图演示效果打开页面,Tab标签页默认选中基本信息, 而进度条也对应绑定基本信息点击商品属性,而进度条也对应绑定商品属性实现思路,使用标签页el-tabs 中的· v-model 绑定"activeIndex" 这样el-tabs 中v-model会在点击页签时获取name属性的值双向绑定到activeIndex,进度条el-steps中的:active属性用于保存每一个被激活的el-step的索引(0,1,2,3,4)而el-steps中的:active也绑定了标..原创 2021-04-10 22:07:13 · 358 阅读 · 0 评论 -
vue全局定义一个时间过滤器
为了定义一个全局的过滤器需要进入main.js文件中在文件中定义一个时间过滤器Vue.filter('dateFormat', function(originVal) { const dt = new Date(originVal) const y = dt.getFullYear() const m = (dt.getMonth() + 1 + '').padStart(2, '0') const d = (dt.getDate() + '').padStart(2, ...原创 2021-04-10 17:16:50 · 166 阅读 · 0 评论 -
this.$nextTick实际运用
在使用element-ui 的项目中。点击+New Tag按钮时文本输入框input 显示出来,但需要做自动聚焦 (图一到图二的效果)图一图二查阅官方文档发现,在操作聚焦(this.$refs.saveTagInput.$refs.input.focus())之前,官方使用了this.$nextTick 函数做包裹 showInput(row) { row.inputVisible = true // 让文本框自动获得焦点 ...原创 2021-04-08 23:02:03 · 315 阅读 · 0 评论