实现功能：自然人和法人切换显示各自的内容 分别判断自然人和法人点击添加按钮判断是否有值，没有值时提示错误，有值则提交添加成功点击编辑编辑当前内容，隐藏添加按钮，显示完成和取消按钮点击删除当前点击完成按钮更新当前内容点击取消当前/*错误提示*/
.defendant-error {
display: block;
}
.errors {
color: red;
po
转载
2024-07-16 20:04:44
37阅读
vue 推荐在绝大多数情况下使模板来创建 HTML 。就是我们都会吧页面的结构写在 template 中，然后再通过 vue 将我们的代码转换成虚拟DOM ，相比对真实DOM ，虚拟 DOM 是通过 js 代码处理的，所以消耗的性能相对较小，当然大部分情况下使用 template 创建我们的 HTML 是可以的；但是在有些场景下，我们真的需要通过 js 的完全编程的能力来完成时，就可以
# 在Vue中使用Axios实现删除功能的方案
在现代前端开发中，Vue.js与Axios是两个广泛使用的技术。Axios是一个基于Promise的HTTP客户端，用于向服务器发送请求并接收响应。而Vue.js是一款用于构建用户界面的渐进式JavaScript框架。在某些业务场景中，删除数据是一个常见的需求。本方案将通过一个具体的例子，介绍如何在Vue中使用Axios实现删除功能，并包含相应的类
一、先要安装node.js官网： https://nodejs.org/zh-cn/download/二、设置nodejs prefix（全局）和cache（缓存）路径 1、在nodejs安装路径下，新建node_global和node_cache两个文件夹 2、设置缓存文件夹npm config set cache “D:\vueProject\nodejs\node_cache” 设置全局模
转载
2024-03-11 18:47:00
180阅读
这些东西要是有精力和时间可以通读echarts文档，里面都有配置详细介绍。该博客只是把自己使用echarts遇到的问题记录下，并不全，加深印象，抛砖引玉而已，完整学习的请移步官方文档1、legend设置单选 legend: {
data:['db block gets', 'consistent gets'],
selectedMode: 'single',
}, 修改
下面是对Vue中事件绑定的整理，希望可以帮助到有需要的小伙伴~事件绑定vue如何处理事件v-on指令用法<input type= ‘button”v-on:click="num++'/>v-on简写形式<input type= ‘button'@click='num++/>事件函数的调用方式直接绑定函数名称<button v-on :click（事件类型）='say（
转载
2024-06-28 08:27:48
37阅读
今天我们一起来学一学
VUE的绑定。一、数据绑定首先可以先把数据定义在
Vue页面中的<script>标签内，然后在<template>标签中通过{{变量名去取}}。另一种方法：<div v-text="变量名"></div>如果变量是对象，可以{{对象.属性}}去取。如果变量是集合，可以通过 v-for 遍历去取。请看下面实例（我们在新建项目中的Ap
转载
2024-03-20 12:18:03
166阅读
一.安装Vue1.第一步：去网上搜https://cdn.jsdelivr.net/npm/vue/dist/vue.js这个网页2.保存到电脑上 3在D盘新建一个文件夹 在Visual Studio Code里打开，新建一个目录，把Vue放在里面 二.使用Vue的具体步骤使用vue获取div中的内容，以及
转载
2023-06-16 15:35:26
185阅读
在制作页面的过程中，我每完成页面中的一部分就会下意识的按一下检查元素，看看有没有什么小问题发生，接着我就发现，当检查元素小页面出现的时候，该页面有一半的面积被检查页面覆盖了，这使我看不到页面的另一半内容。直接被覆盖图例：我想要的效果是，页面的可视区域也因为屏幕的变化而跟着缩放或放大，即达到同步变化的效果，这样可以给予页面可视区域尺寸拉伸缩小的动态化功能，紧接着我就想到了javascript中的on
一、特性1、轻量高效，可按需绑定事件2、支持按需导入 echarts 图表或组件3、支持组件自动更新视图二、使用之前需要先引入依赖）（以下三种方式均可引入）1、npm install vue-echarts
2、yarn add vue-echarts
3、cnpm install vue-echarts引入之后全局注册// 在main.js中全局引入
import ECharts from 'v
旧版本卸载问题说明 vue2.x脚手架旧版本卸载不掉的问题：（卸载命令运行后输入vue --version仍一直显示旧版本）问题解释 首先明确一点，卸载不掉肯定说明你的电脑中至少有两个地方存在脚手架，而你的卸载操作只是卸载了其中之一。而出现这个情况的原因，一般来说是你在npm的默认路径下安装过脚手架，在配置了npm全局安装路径之后又安装过脚手架，所以有两个脚手架。（顺带一提，这样的情况提示的都是默
前言vue3.0-beta 版本已经发布了一段时间了，正式版本据说在年中发布（直播的时候说的是年中还是年终，网上传闻说是6月份）。嘴上说着学不动，身体却很诚实地创建一个vue3的项目，兴致勃勃地引入 vue2 插件的时候，眉头一皱，发现事情并没有那么简单。浏览器无情地抛出了一个错误：
Uncaught TypeError: Cannot set property '$toast' of und
背景：项目有用到 vue-echarts, 百度推出的 vue 版本的 Echarts，图表自带响应式属性 auto-resize, 来实现窗口尺寸变化时，图表的尺寸自适应，但是发现它是靠监听 window 的 onresize 来实现的，而有时候当chart 容器 尺寸变化时，window 窗口大小是不变的，比如我这次遇到的，侧边菜单栏的显示隐藏切换，导致内容区域整体部分宽度会变化，但是wind
背景：在使用vuedraggable做一个拖动应用图片排序的场景下，在android、iOS、chrome模拟移动设备 的情况，应用图片用的是svg，大概率会出现ghost元素不消失，也不触发end事件的诡异情况。注意PC端使用chrome 调试模式下，不开启模拟移动设备不会出现这种情况，开启来模拟移动设备也会出现。解决办法给svg元素设置一个css样式，即可；svg {
pointer-eve
转载
2024-10-17 16:58:48
40阅读
methods: {
fn () {
this.content = '新内容'
}
}
})设置事件处理程序后，可以从参数中接收事件对象var vm = new Vue({el: "#app",
data: {
content: "新内容"
},
method: {
fn (event) {
这次我们介绍Vue实例提供的一些有用的属性和方法，这些属性和方法名都以前缀$开头。一、实例属性1.组件树访问• $parent 用来访问当前组件实例的父实例
• $root 用来访问当前组件树的根实例，如果当前组件没有父实例，$root表示当前组件实例本身
• $children 用来访问当前组件实例的直接组件实例
$refs 用来访问使用了v-ref指令的子组件。2.
转载
2024-04-16 15:10:19
102阅读
文章目录事件监听(v-on:)v-on传参数v-on修饰符 事件监听(v-on:)在前端开发中，我们需要经常和用户交互。
这个时候，我们就必须监听用户发生的事件，比如点击、拖拽、键盘事件等等。在Vue中如何监听事件呢？使用v-on指令。v-on介绍
作用：绑定事件监听器。缩写：@
预期：Function | Inline Statement | Object
参数：event
下面，
转载
2024-04-01 01:31:24
144阅读
1.npm安装 npm install echarts --save2.引入 echartsvue2与vue3引入方法不同 （1）vue2引入：通过Vue.prototype把echarts挂载到全局，在模板中给定一个div容器用来放置图表，通过id获取dom，再根据dom初始化echarts，就可以进行图表的绘制了。//main.js入口文件
import * as echa
转载
2024-03-07 12:27:15
222阅读
一、在
Vue单个页面运用<template>
<div id="divId">
</div>
</template>
<script>
export default {
data() {
return {
screenWidth: docu
原创
2023-09-14 10:52:58
1591阅读
v-on的基本使用<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
<div id="app">
<h2>{{cou
