vue

普歌–前端Vue-cli数组遍历，获取数据

  • Post author:
  • Post category:vue

第一步： 获取接口数据 第二步 打印接口数据（数据为数组的嵌套） 第三步 获取数组，遍历数据 created(){ this.proValue(); }, methods: { proValue(){ textApi.getAllUser().then((response) => { //获取接口内的所有数组里面的数据 this.tableData = response.data.commD…

继续阅读 普歌–前端Vue-cli数组遍历，获取数据

P16-Login.vue内容

  • Post author:
  • Post category:vue

<template> <div> <el-form ref="loginForm":model="form"：rules="rules" label-width="80px"class="login-box"><h3 class="login-title">欢迎登录</h3> <el-form-item label="账号"prop…

继续阅读 P16-Login.vue内容

【mini-vue学习笔记】reactivity部分

  • Post author:
  • Post category:vue

mini-vue [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GbHL7vMa-1689576017084)(https://hexo-img.obs.cn-east-3.myhuaweicloud.com/llf/%E6%9C%AA%E5%91%BD%E5%90%8D%E7%BB%98%E5%9B%BE.drawio.png)] TDD开发流程 TDD（Test…

继续阅读 【mini-vue学习笔记】reactivity部分

VUE element-ui 解决表单enter事件会刷新页面

  • Post author:
  • Post category:vue

当form表单中只有一个输入框时，监听键盘回车事件，此时点击回车会刷新整个页面 <el-form :model="appInfo" :rules="ruleData" ref="formRef"> <p style="font-size: 20px; text-align: center">输入应用包名</p> <el-form-item class="m…

继续阅读 VUE element-ui 解决表单enter事件会刷新页面

Vue项目中引入Echarts_(2021年更新)

  • Post author:
  • Post category:vue

在Vue项目中使用Echats，可以极大程度的方便完成很多Canvas功能。 1. 安装Echats npm install echarts --save 2. 项目全局引入形式 - main.js 全局引入形式 // main.js import * as echarts from "echarts" Vue.prototype.$echarts = echarts // 页面文件中使用，如in…

继续阅读 Vue项目中引入Echarts_(2021年更新)

vue轮询方法

  • Post author:
  • Post category:vue

vue轮询方法 思路 在页面加载的时候请求方法，关闭页面的时候，轮询结束 代码实现 created() { // 实现轮询 this.timer = window.setInterval(() => { setTimeout(this.getDataList(), 0); // 每三分钟执行 6000*10 * 3 }, 3000); }, destroyed() { window.clea…

继续阅读 vue轮询方法

vue toDoList绑定事件性能优化 事件委托

  • Post author:
  • Post category:vue

在使用 Vue 开发动态列表或表单时，我们常常需要为每个列表项或表单元素绑定事件，比如点击事件、鼠标移入移出事件等。而如果使用一般方法实现这些事件绑定，会比较消耗性能，因为每个元素都需要绑定一次事件，当元素数量增多时，事件绑定的数量也会相应增多，导致页面响应变慢。 为了优化性能，我们可以采用事件委托的方式来实现动态列表或表单的事件绑定。所谓事件委托，就是让父元素代理子元素的事件处理。具体做法是在父…

继续阅读 vue toDoList绑定事件性能优化 事件委托

vue中transition之slide效果

  • Post author:
  • Post category:vue

//在vue中的slide的效果可以使用自带的transition实现，下面是样式的部分代码。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src='https://unpkg…

继续阅读 vue中transition之slide效果

vue中echarts调用接口_vue中使用echarts

  • Post author:
  • Post category:vue

1、首先下载echart依赖，这里采用的npm包管理工具，在项目中运行命令 npm install vue-echarts 2、在main.js里引入/注册echart：： //引入echart： import echarts from 'echarts' //注册 Vue.prototype.$echarts = echarts 3、使用 代码： export default { mounted…

继续阅读 vue中echarts调用接口_vue中使用echarts