随笔分类 - vue
摘要：for出来的div想要显示不同的样式，可以通过动态class，根据需要的条件指示控制样式，例如用index 第一个div显示first-card的样式，第二个div显示second-card的样式 <div class="meal"> <el-card class="meal_details" v-
阅读全文
摘要：链接转为二维码，需要安装vue-qrcodenpm install vue-qrcode 装二维码的容器： <div class="amount" v-show="amount"> <div class="amount_text">金额：{{ selected.price }} 元</div> <d
阅读全文
摘要：一般项目中获取验证码时，设置等待时间60s，倒计时结束之后才能继续重新获取 问题：一开始我只是给按钮设置了倒计时，以至于按钮是一次性的，只能获取一次，倒计时结束按钮恢复可点击状态，再点击之后按钮就不倒计时了... 原因：是因为我在编写计时器的时候没清除之前的计时器，没考虑到：如果获取验证码失败，计时
阅读全文
摘要：平时在对接服务端的数据时，后端返回的数据格式总不尽相同，因此前端总是需要自己再把数据加工处理成自己想要的格式 最近在表格中渲染数据数据时就遇到了部分渲染不出来的情况，后来发现是对层数据，不能直接渲染的原因。 举个例子，一个数组或一个对象里面包含了另一个对象，那在第一层的属性都可以被渲染，第二层的对象
阅读全文
摘要：1、JSX渲染变量 vue在html代码区渲染变量使用双大括号{{ }}，jsx在渲染是单大括号{} 另外，这里随便记一下一个简单有点绕的业务逻辑 2、多个变量影响判断三元表达式 根据上图，想要的效果分别是： 订单状态是否支付，显示对应状态 已支付的订单是否申请开发票，显示对应状态；且已申请的无法再
阅读全文
摘要：在获取后端服务时发现根本拿不到环境，打印出来时undefined 我的.env文件是这样的： ENV = //192.168.10.2 但是根目录下main.js拿不到.env.development、.env.production端口号main.js： console.log(${import.m
阅读全文
摘要：平常写代码用的UI框架都封装好了时间戳转化，自己不常写用用到就忘记，这里记录一下 const timestamp = Date.now(); // 当前时间戳 function formatTimestamp(timestamp) { const date = new Date(timestamp)
阅读全文
摘要：调用服务端接口导出数据，浏览器调接口直接下载文件，前端可以直接在window打开 服务端接口其实是一个超链接了 <n-button type="primary" secondary class="export" @click="exportOrder">导出未开发票的订单</n-button> co
阅读全文
摘要：一直搞不清楚父子组件之间传值是怎么传与接收的，这里做个笔记，案例比较复杂，涉及四个页面，第一部分跨页面传值；第二部分只有两个页面之间传。 页面关系：index是主页面，是leftFour和rightFour页面的父组件，leftFour和rightFour是子组件；同时rightFour是holde
阅读全文
摘要：当我们在使用input输入手机号时，为了方便检查会想要把11位手机号码变成344的格式，下面我们分别在vue和uniapp里做个小练习~ 如期效果： 一、uniapp： 1、首先，我们要有一个uniapp的项目，自己建一个uniapp的项目，这里就不说怎么建了哈 不懂看：https://www.cn
阅读全文
摘要：一、创建项目 方式一：通过vue可视化面板创建 在你想存放的路径下新建文件夹，地址栏输入cmd打开小黑窗 输入vue ui 弹出vue可视化面板 选择创建路径,点击下面的创建按钮 然后给你的项目起个名，管理器选择npm，点击下一步 选择手动配置项目（Manual） 选择以下四项功能 配置里选择ESL
阅读全文
摘要：npm vue路由 复习：1、README.md文件：保存如何使用的命令 （1） npm install:拷项目时可以不拷node_modules文件，运行该命令时，会自动下载node_modules(文件很大) （2） npm run serve:运行环境服务 （3） npm run build：
阅读全文
摘要：一、创建项目之前需要先下载一个node.js 官方网址：https://nodejs.org/en/ 二、创建 （1）建一个文件夹，进入这个文件夹输入cmd打开小黑窗： Vue.js文档：https://cli.vuejs.org/zh/guide/installation.html（或百度搜索Vu
阅读全文
