标签:Vue

如何安装cnpm?快速简单的安装教程!

有时候npm不能满足我们的需求,比如速度太慢或者很多依赖在安装时直接报错,往往安装cnpm就能解决该问题。那么如何安装cnpm呢?我们来看下快速简单的安装教程吧! 一般我们默认你是安装好nodejs的,且拥有npm指令执行权限,我们只需要打开cmd命令行,执行如下安装cnpm指令,这里我们指定的是淘宝镜像源,这样速度更快。 npm install -g ……

npm ERR! code 128 解决方案,亲测有效

vue项目在使用npm install安装依赖时,提示如下错误,该如何解决呢?以下方法亲测有效。 npm ERR! code 128 npm ERR! Command failed: git clone –depth=1 -q -b fix/hr_is_inline 其实解决方案非常简单,只要执行如下指令即可解决: npm cache cl……

You are using the runtime-only build of Vue where the template compiler is not available问题解决

最近在使用第三方库的Vue组件时,都正常import而且,全局注册了,但在使用组件时却一直出不来效果,看console报错类似如下提示: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile t……

Vue富文本编辑器插件推荐使用vue-html5-editor

我们在使用vue开发项目时,可能会涉及发布文章等功能,那就会用到富文本编辑器,今天潘老师给大家推荐一款曾经过用过的插件vue-html5-editor,整体使用下来还是很不错的,比较简单,功能也非常强大,让我们一起看下该款Vue富文本编辑器插件怎么用。 vue-html5-editor插件的安装与使用 1、安装 首先我们要安装该插件,直接执行如下代码即可 ……

axios和vue-axios的关系及使用区别

今天潘老师在搭建vue项目时,想引入axios打开其官方文档,发现推荐的使用方式除了要安装axios还安装了vue-axios,潘老师之前一直都是直接用axios,没用过vue-axios,不由地好奇两者之间是有什么区别,使用哪一个是更优的选择。下面,我们来一起看一下axios和vue-axios的关系及使用区别 一、axios和vue-axios的关系/区……

如何使用IntelliJ IDEA开发Vue项目并运行

开发Vue基本都是使用VsCode或者HbuildX,但前后端分离开发,还都要求你一个人开发时,两个idea就有点麻烦了,对于像我等Java程序员来说,能用IntelliJ IDEA开发的就不用其他的,下面潘老师来介绍下如何使用IntelliJ IDEA借助插件来开发Vue项目并运行。 一、环境准备 首先保证本地环境能正常运行IntelliJ IDEA,也保……

antd如何实现table表格的rowspan、colspan行列合并

表格在前端开发用的非常多,最近一直在用antdesign开发vue项目,有一个需求就是要实现表格行合并,查看官网发现实现table表格的rowspan、colspan行列合并的案例代码如下: <template> <a-table :columns="columns" :data-source="da……

typescript any类型不建议使用,如何查找第三方库的对应类型?

在使用typescript开发时,经常会使用any类型,因为很方便,任何类型都能接收,尤其是对第三方库里面的数据类型,只要使用any,任何问题都解决了!但是,我们不建议使用any类型! 什么是 any?any不是通配符,也不是基类型,它是明确地与第三方库进行交互。any 类型可让代码在编译期间逐渐选择加入和选择退出类型检查机制。使用 any 可能允许我们在不……

antd table如何实现column列前后端排序

antd table组件的功能非常强大,可以实现根据column列进行前端和后端排序、筛选等功能,下面潘老师给大家介绍下antd table如何实现前端排序和服务端排序的问题。 一、前端排序 antd table前端排序其实非常简单,我们先看下column列官方API说明: 所以想要实现前端排序,只要在定义column列时,设置sorter属性,再带个回调……

Vue3中的watch和computed的使用方法详解

现在很多web前端项目开使用vue3开发,而对潘老师这中专注于Java后端开发的程序员而言,之前也只学过vue2.x,现在是前后端兼顾,最近有个功能要用到watch监听器和computed计算属性,但是用法和vue2还是有区别的,下面潘老师对Vue3中的watch和computed的使用方法做下记录,方便以后使用。 computed使用 // 模板代码 ……

npm run serve提示error Mixed spaces and tabs no-mixed-spaces-and-tabs解决办法

今天在vscode中修改了部分vue代码,然后保存重新npm run serve就提示如下错误: 具体如图: 看这个错误提示意思就是“不允许代码中出现空格和tab键混合的情况” 大多数代码约定要求使用空格或 tab 进行缩进,禁止使用空格和tab混合缩进。因此,一行代码同时混有 tab 缩进和空格缩进,通常是错误的。 原因找到了,解决办法就是找到space……

antd实现select下拉框带有搜索筛选功能报错option.children.toLowerCase is not a function

最近在被安排去做前端开发,由于下拉框中的数据可能太多,滚动一个个翻着来查找影响效率,因此需要实现下拉框带有根据输入进行筛选的功能,由于本项目是用ant design开发的,而antd官网上针对下拉框Select组件也有此功能的实现,具体代码案例如下: <template> <a-select show-search ……