vue数据交互小常识,如何渲染列表数据状态!

  • Post author:
  • Post category:vue

在项目中我们会经常遇到渲染表格中会有对应的状态的问题,很多同学都有自己的写法,今天来给大家总结下! 例如: 上图中单据状态对应很多类型,但是后端肯定是传的数值类型,这就需要根据后端定义的值进行渲染了! 接口返回,例: state:0:制单,1:审核,2:审核通过,3:审核拒绝,4:发布,5:签收 方法一: data.forEach(v=>{ v.ww5State=this.stateArr[…

继续阅读 vue数据交互小常识,如何渲染列表数据状态!

vue-cli3项目打包后自动化部署到服务器的方法

  • Post author:
  • Post category:vue

一、安装 scp2 pnpm install scp2 --save-dev 二、写好脚本 例如 upload.js (下面任选一个即可) 位置和 package.json平级即可。 'use strict' // 引入scp2 var client = require('scp2'); // 下面三个插件是部署的时候控制台美化所用 可有可无 const ora = require('ora');…

继续阅读 vue-cli3项目打包后自动化部署到服务器的方法

vue实现一个点击显示再点击关闭功能(即实现动态更换绑定函数)

  • Post author:
  • Post category:vue

项目场景: 例如:用vue实现一个动态更换绑定函数的功能 项目场景:实现一个支付宝 类似于实现支付宝的 金额的显示 与 隐藏 。 执行描述: 提示:这里我用 @click 来实现该功能,这里为了方便理解,做判断条件为 a == false ; 当然有更合理的判断方法,这里欢迎大家留言讨论。 先写出按钮的方法: <el-button @click="a == false ? show() : …

继续阅读 vue实现一个点击显示再点击关闭功能(即实现动态更换绑定函数)

Vue中使用百度地图做路径分析并根据起终点坐标模拟道路里程桩

  • Post author:
  • Post category:vue

1.我们先要在vue中引入百度地图的API 第一步:在vue中的index.html文件中加上一个script标签: <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=你在百度地图申请的秘钥"></script> 第二步:在你的 build>webpack.base.con…

继续阅读 Vue中使用百度地图做路径分析并根据起终点坐标模拟道路里程桩

基于xterm.js 实现Vue版本终端terminal

  • Post author:
  • Post category:vue

基于xterm.js 实现Vue版本终端terminal 先看效果 前端实现 xterm npm install --save xterm xterm-addon-fit xterm.js的插件,使终端的尺寸适合包含元素。 npm install --save xterm-addon-fit xterm-addon-attach xterm.js的附加组件,用于附加到Web Socket npm …

继续阅读 基于xterm.js 实现Vue版本终端terminal

使用vue+element ui+.net core创建项目并加载后台数据(vs code)

  • Post author:
  • Post category:vue

1.打开vscode,点击终端,首先先创建保存文件目录 cd c:/demo3 2.配置项目,这里是写比较详细的文章 https://www.cnblogs.com/zyskr/p/10609288.html 3.安装elment ui https://www.cnblogs.com/zmoneyz/p/12993006.html 4.安装vue+axios,接口 https://w.cnblog…

继续阅读 使用vue+element ui+.net core创建项目并加载后台数据(vs code)

vue-router的安装和使用

  • Post author:
  • Post category:vue

一、在开发中可以先安装cnpm提高开发效率 cnpm install比npm install快,一般安装在全局: npm install -g cnpm --registry=https://registry.npm.taobao.org 但是通过vue init webpack projectName新建项目是和淘宝镜像没关系的,因为vue-cli 用的是 npm 源,所以只要设置 npm 源就…

继续阅读 vue-router的安装和使用

vue文件组成、vue插值表达式及vue指令的详解及用法

  • Post author:
  • Post category:vue

(一)单文件组件:一个 .vue 文件就是一个组件 1. 安装插件 (语法高亮) Visual Studio Code可以安装vue官方推荐的插件: Vue Language Features (Volar)。 让文件结构看起来更清晰哦! 2. 一个.vue单文件组件由三部分组成 template : 结构 (有且只能一个根元素,否则会有报错提示) script:          js 逻辑 s…

继续阅读 vue文件组成、vue插值表达式及vue指令的详解及用法