凯小默的博客_Vue 技术栈(3)

vue.js 事件机制

说明【本文转载自：https://github.com/answershuto/learnVue】Vue事件API众所周知，Vue.js为我们提供了四个事件API，分别是$

vue

初始化

数组

自定义事件

转载 2022-08-18 09:09:04 71 阅读

vue.js 依赖收集

为什么要依赖收集先看下面这段代码new Vue({ template: `<div> <span>text1:</span> {{text1}} <span>text2:</span> {{text2}} <div>`, data: {

vue

github

数据

赋值

转载 2022-08-18 09:08:39 69 阅读

Google浏览器怎么添加vue-devtools拓展工具

步骤1、下载github上面的源码git clone https://github.com/vuejs/vue-devtools如果代码下载不下来，可以下载zip包（

vue-devtools

vue

Google插件

chrome

github

原创 2022-08-18 09:06:42 258 阅读

vuex快速入门

资料Google浏览器怎么添加vue-devtools拓展工具vuex-demo代码在githubVuex 概述1.1 组价之间共享数据的方式父向子传值理状态的好处1、能够在 vuex 中集中

vue

vuex

数据

可视化工具

配置文件

原创 2022-08-18 09:06:18 85 阅读

vue里利用multi-items-input组件实现QQ邮箱收件人输入框功能？

效果输入字符，然后回车（enter）就会生成一个小块包裹字符，点击小块按回退（backspace）可以删

vue

数据

输入框

代码实现

原创 2022-08-18 09:05:59 522 阅读

在vuecli3怎么提升构建打包速度？

安装happypack版本："happypack": "^5.0.1"npm install happypack --save-dev配置在

vuecli3

webpack

多线程

原创 2022-08-18 07:28:07 238 阅读

vue里怎么修改svg的颜色？

1、安装依赖npm i svg-sprite-loader -D2、需要配置相关的svg打开vue.congfig.js文件，配置chainW

vue

svg

ico

xml

加载

原创 2022-08-18 07:23:40 4034 阅读 1收藏

vue里filters为什么获取不到this？

问题<div>{{auditResult | auditResultNameFilter}}</d

vue

解决方法

github

原创 2022-08-18 07:21:58 147 阅读

vue 里实现多行文本省略

需求如图要实现下面的效果4行有插槽的4行无插槽纯文

vue

插槽

初始化

ico

原创 2022-08-18 07:21:43 362 阅读

element-ui 里 el-popover 位置发生偏移

解决方案在 el-popover 里添加下面配置:popper-options="{ boundariesEleman s

vue

数据

解决方案

原创 2022-08-18 07:21:07 4480 阅读

vue 里使用 js-base64 然后打包出现报错？

问题在 vue 里面使用 js-base64 这个插件时，打包报错：解决方案在 vue.config.js nspileDependencies: [ 'js-base64' ]

vue

linux

解决方案

权限问题

原创 2022-08-18 07:20:06 282 阅读

vuecli3 启动服务的时候报错：TypeError: Cannot read property ‘upgrade‘ of undefined

就是我们在配置请求代理的时候没有配置。那么没填为什么就会报错？

vue-cli3

原创 2022-08-18 07:19:11 128 阅读

vue 里使用 crypto-js 实现 DES 算法加解密

参考CryptoJS文档代码代码实现如下：<template> <d

crypto-js

DES 算法

代码实现

原创 2022-08-18 07:19:04 150 阅读

The file is in the program because: Imported via xxx Root file specified for compilation Vetur(1261)

问题今天用 vscode 编辑器编写 vue 组件的时候，由于自己改变了组件的文件名，导致引用组件的时候出现了 Vetur(12

vue

vscode

重命名

文件名

原创 2022-08-18 07:16:03 604 阅读

vue 里如何获取 data 中数据的初始状态？

问题当我们需要 data 的初始状态时，应该怎么获取？解决可以使用 $options 获取vue 官方文档

vue

初始状态

原创 2022-08-18 07:13:25 474 阅读

vue 里怎么用 axios 实现 post 请求下载文件

需求最近有个需求就是要批量下载 Excel，然后接口参数需要列表的

vue

ios

数据

大数据

原创 2022-08-18 07:13:15 726 阅读

properties starting with “$“，“_“ are not proxied in the Vue instance to prevent conflicts

问题由于在 data 里面写了带 _ 的变量然后就报错了：解决不要写这种前面带 _ 的，文档上面有说明，请参考【https://cn.vuejs.org/v2/api/#data】

vue.js

原创 2022-08-18 07:08:20 88 阅读

vue 里使用 eslint 报错 error：Mixed spaces and tabs (no-mixed-spaces-and-tabs)

官网的描述禁止使用空格和tab混合缩进(no-mix

eslint

vue.js

缩进

css

官网

原创 2022-08-18 07:01:27 2185 阅读

vue 里使用数字滚动插件 vue-count-to 时出现文本抖动？

问题在使用组件 vue-count-to 时，数字是从 0 开始滚动的，就会导致这一块区域的宽度自动变化，导致一些不必要动的文字也跟着一起变化。

vue.js

vue-count-to

git

css

解决方案

原创 2022-08-18 03:57:04 344 阅读

vue 里实现文本超出时点击左右按钮滚动？

实现编写 leftRightSwiperScroll.vue 组件。<template><!-- 文本超出，

vue

ico

测试数据

perl

原创 2022-08-18 03:49:48 1108 阅读

vue 里怎么用 lottie-web 实现动画效果？

什么是 Lottie官网地址：https://airbnb.design/lottie/Lottie 是 Airbnb 开发的一款能够为原生应用添加动画效果的开源工具

lottie-web

json

github

动画效果

原创 2022-08-18 03:48:04 1370 阅读 1点赞 1收藏

[Vue warn]: Error in mounted hook: “TypeError: handler.call is not a function“

问题原因比如下面 mounted: {}, 应该写成 mounted() {},export default { props: { value: Boolean, },

vue

原创 2022-08-18 03:38:23 1272 阅读

vuecli3里配置vue.config.js的代理时出现代理不正确

问题最近遇到一个非常低级的问题，一个 post 请求接口报 404，但是排查起来却排查了好久

vue-cli3

ios

原创 2022-08-18 03:36:54 480 阅读

vue里使用axios的时候返回数据少了status的问题

问题封装的 axios 里，业务组件请求 api 时，

vue

axios

ios

拦截器

数据

原创 2022-08-18 03:35:36 785 阅读

vuecli3打包报警告：chunk chunk-common [mini-css-extract-plugin] Conflicting order.

问题运行 npm run build 时，报下面的 warning解决方案我们在 vue.config.js 配置文件里添加下面的 css 配置，

vue

vuecli3

css

配置文件

解决方案

原创 2022-08-18 03:31:13 1310 阅读

vue里怎么使用pdf.js实现pdf文件的预览功能

你首先得准备一个pdf插件包，比如我这边的项目包里的public文件夹的lib文件夹下面就有一个pdf的插件包

vue

pdf.js

pdf预览

html

sed

原创 2022-08-18 03:29:32 1727 阅读

vue-cli3优化配置

1.使用cdn引入不改变的第三方库const cdn = { // 忽略打包的第三方库

vue

vue-cli3

css

html

ios

转载 2022-08-18 03:24:43 108 阅读

element-ui 的表格里面使用 el-popover 实现编辑弹层功能

功能点1、表格是没有分页的2、点击编辑能到对应的位置，进行编辑功能3、表格滚动时候，

vue

编辑框

数据

复选框

原创 2022-08-18 03:19:23 2784 阅读

vue.js 响应式原理

关于Vue.jsVue.js是一款MVVM框架，上手快速简单易用，通过响应式在修改数据的时候更新视图。

vue

数据

vue.js

github

转载 2022-08-18 03:17:25 47 阅读

怎么使用 vue ui 可视化工具创建一个项目

1、如果你安装了 vuecli3.0，在控制台输入 vue ui，然后回车2、成功之后会自动打开浏览器，进入可视化操作页面3、点击创建，选择在 vuex 文件夹下面，点击在此创建新项目4、输入项目文件夹名称，选择包管理器 npm ，添加初始化 git 描述，

vue

vue ui

可视化工具

创建项目

控制台输入

原创 2022-08-18 03:07:31 271 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

凯小默的博客