今天在项目中遇到一个报错：Unknown custom element: <v-line>- did you register the component correctly? For recursive components, make sure to provide the “name” option.一般这种问题一定是组件引入时的报错，如果使用vue cli脚手架可以参考如下常见

在前端开发过程中，当后台服务器开发数据还没完善，无法与前端进行交接时，我们习惯在本地写上一个json文件作模拟数据测试代码效果是否有问题。vue-cli3.0往后的项目基础架构对比旧版本有些区别。以前大家都习惯在根目录下的static文件夹下创建json文件，然而vuecli3、4没有static文件夹了。若创建一个static文件夹在下面存放json文件，在实际调用过程中会报错，提示请求404。

ElementUI中关于计数器组件（InputNumber）在设置大小时具有一定局限性。因此利用两个button和一个input对上述计数器进行重构，并封装成组件，供今后使用。先看效果（hover时）：上代码：组件封装（Input_num.vue）:<!-- 自定义Input_num计数器组件 --><template><div class="input_num"&g

<button @click = “clickfun($event)”>点击</button>methods: {clickfun(e) {// e.target 是你当前点击的元素// e.currentTarget 是你绑定事件的元素# 获得点击元素的前一个元素e.currentTarget.previousElementSibling.innerHTML# 获得点击元

在网上找了好多动态调整echarts图表大小的方法，比如通过grid属性，修改canvas大小，都不太理想。最后反复调试，图表在初始化的时候有一个resize属性，可以修改宽高，具体如下：let myChart = Vue.prototype.$echarts.init(this.$refs.main_chart)myChart.resize({width: this.$refs.main_cha

在前端开发过程中，当后台服务器开发数据还没完善，无法与前端进行交接时，我们习惯在本地写上一个json文件作模拟数据测试代码效果是否有问题。vue-cli3.0往后的项目基础架构对比旧版本有些区别。以前大家都习惯在根目录下的static文件夹下创建json文件，然而vuecli3、4没有static文件夹了。若创建一个static文件夹在下面存放json文件，在实际调用过程中会报错，提示请求404。

在制作网页时，我们经常需要自定义右键事件，实现我们想要的功能，这里我手写了一个基于Vue的鼠标右键自定义事件，与大家共同分享。template内容：在自己想要改变鼠标右键事件的dom中（这里以div#demo为例）加入一个ul，模拟鼠标右键后的弹框。prevent属性可以消除右键默认事件。<template><div><div id="demo" @contextme

前言使用eslint+prettier好处：避免运行时因格式问题报错方便团队合作，代码风格统一0. 建立项目利用Vue-cli3建立Vue项目时，一定要选上Linter/Formatter，然后选择 ESLint + Prettier1. 安装vscode插件首先在vscode中安装如下三个插件：eslintveturprettier2. 配置.eslintrc.js(根目录下找)注：代码缩进不是

问题描述利用Vue做项目过程中，经常使用v-for渲染多个重复组件或dom元素，比如：传递json/字典，如下所示：<!--element实现折叠文件夹--><el-collapse ref="el_collaps_container" v-for="(value,key,index) in json_data" :key="index"><!-- 这块引入自定义组件

今天在项目中遇到一个报错：Unknown custom element: <v-line>- did you register the component correctly? For recursive components, make sure to provide the “name” option.一般这种问题一定是组件引入时的报错，如果使用vue cli脚手架可以参考如下常见