vue
文章平均质量分 53
执笔看墨花开
这个作者很懒,什么都没留下…
展开
-
Vue响应式原理demo
<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Vue响应式原理</title></head><body><div> text: &原创 2020-12-04 13:29:38 · 148 阅读 · 0 评论 -
Vue extends拓展任意组件功能(el-select实例)-两种写法
用到ElementUI的select组件,要求能够多选并且重复选择。如果直接使用的话,首先el-tag会报错,因为循环中key值重复;其次,他的移除是通过indexof搜索移除的tag的值,且在remove-tag事件中未抛出被移除tag的索引,这样的后果是存在多个相同值的tag时,只会移除第一个相同值的tag思路在el-tag的循环中,给close事件增加一个参数index,然后重写dele...原创 2019-09-26 10:57:57 · 4786 阅读 · 0 评论 -
Ant-Design-Vue日期选择中日历年月切换事件监听
首先,Ant-Design-Vue和Element UI都是不支持在日期选择时,日历中的年月切换时抛出事件的。当我们需要自定义渲染日期时,没有这个事件的监听,我们并不知道年月变了,就无法向后端获取标记的日期。解决办法1、在DOM中监听年月切换四个按钮(不推荐)2、监听年月文本节点的变化,关键事件DOMCharacterDataModified。年月切换时,需要从后端获取日期数据,所以最好...原创 2019-05-08 16:27:41 · 9163 阅读 · 3 评论 -
Vue中扩展函数参数的个数,给函数增加额外的参数
<input v-for="a in as" @change="change" :disabledDate="disabledDate" >change(a,b){}disabledDate(a){}从上我们可以看到两个方法,都有自己内部的参数,这时候如果直接传入自己的参数的时候,比如v-for的情况下,那么这个方法自己的内部参数就会被覆盖,所以我们需要另一种...原创 2019-04-18 15:46:12 · 5821 阅读 · 0 评论 -
Vue-cli3使用svg-sprite-loader的vue.config配置(node_modules里有个svg导致一直报错)
chainWebpack: config =&amp;amp;amp;amp;gt; { config.resolve.alias .set('@', resolve('src')); const svgRule = config.module.rule('svg'); // 找到svg-loader svgRule.uses.clear(); // 清除已有的loader, 如果不这样做会添加在此loader之后 svgRul...原创 2018-12-26 10:07:58 · 6297 阅读 · 15 评论 -
Vue性能优化分析工具:webpack-bundle-analyzer打包文件分析
一、安装npm intall webpack-bundle-analyzer –save-dev二、配置在build/webpack.prod.config.js中的module.exports = webpackConfig这句话的上面增加if (config.build.bundleAnalyzerReport) { const BundleAnalyzerPlugin...原创 2018-07-16 16:02:48 · 7477 阅读 · 0 评论 -
Excel多Sheet表格预览
demo页面如下图所示:以下是源码:&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewp原创 2018-06-26 17:29:34 · 2016 阅读 · 0 评论 -
在HTML上使用Vue,mounted无法使用
需要使用全局API$nextTrick 如下写法 mounted:function () { this.$nextTick(function () { }) },原创 2018-02-01 16:06:18 · 4841 阅读 · 0 评论 -
vue通过引入js标签的方式在HTML上的组件写法,父子组件数据传递
html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> title>Titletitle> link rel="styleshee原创 2018-02-01 16:02:17 · 24634 阅读 · 17 评论 -
通过vue dev和nginx反向代理实现跨域
一、在vue的开发环境中跨域1、在config目录找到index.js文件 2、 如图配置,比如使用百度翻译api,那么这样写的实际使用等于访问 http://fanyi.baidu.com/v2transapi/api?+参数yarn run dev之后在地址栏输入http://localhost:8080/api?from=zh&to=jp&query=爱&simple_means_......原创 2017-12-12 00:25:51 · 22387 阅读 · 5 评论 -
Vue.js中filterBy过滤器导致网页直接白屏
一用这个方法就白屏,也没有报错,后来进vue官网一查才知道,filterBy被替换了以前是这样的写法:<p v-for="user in users | filterBy searchQuery in 'name'">{{ user.name }}</p>最新的方法:在 computed 属性中使用 js 内置方法 .filter method:<p v-for="user in filteredU原创 2017-11-15 00:27:16 · 3135 阅读 · 0 评论