
VUE
huang_jimei
从事前端开发
展开
-
vue封装接口地址
封装接口地址原创 2022-10-12 08:55:02 · 378 阅读 · 0 评论 -
Tdesign 表格中根据返回数据的状态值来显示行的颜色
Tdesign根据返回数据的一个字段值来显示改行的类名和颜色等原创 2022-10-12 08:43:35 · 489 阅读 · 0 评论 -
TDesign封装Api地址
在tdesgin封装api地址原创 2022-08-23 10:49:30 · 549 阅读 · 1 评论 -
Tdesign初始化项目、创建项目
tdesign初始化项目、创建项目原创 2022-07-13 10:03:56 · 1908 阅读 · 0 评论 -
elementui中的<el-cascader>级联选择器
一、效果功能:使用接口调回来的数据,显示出可选的项,并开始有默认的选项值。二、主要代码<el-cascader ref="cascaderAddr" :options="rangeArr" :props="optionProps" v-model="plable" @change="handleChange3" style="width: 100%;"></el-cascader>解释:(1)数据源不符合官方的数据源,需要重新指向但是我们接口返回的数据源是这样的:原创 2021-10-22 09:27:23 · 1062 阅读 · 0 评论 -
ElementUi中的<el-select>下拉框同时获取lable值和value值
一、elementui的下拉框官方文档只有获取一个的值<el-form ref="form" :model="form" label-width="180px"> <el-form-item label="屠宰费标准:"> <el-select v-model="form.slaughter_baseline" placeholder="请选择" @change="selectfcn"> <el-option v-for="原创 2021-09-03 09:44:51 · 1205 阅读 · 1 评论 -
2021-04-07
转载于https://blog.youkuaiyun.com/weixin_44096448/article/details/102739414 1.建⽴⼀个公共的js⽂件,专⻔⽤来传递消息。bus.js import Vue from 'vue'export default new Vue 2.在需要传递的两个组件中都引入bus.js import bus from '../util转载 2021-04-07 09:19:13 · 87 阅读 · 0 评论 -
vue表单验证--银行卡验证
一、表单验证可以通过阿里的支付宝接口进行校验,能够准确识别是否存在,归属行:https://ccdcapi.alipay.com/validateAndCacheCardInfo.json?cardNo=1111&cardBinCheck=true//接口api:需要传入的2个参数,卡号cardNo和cardBinCheck效果:二、使用步骤(1)<el-form-item label="银 行 账 号:" prop="bank_account"><el-inpu原创 2021-04-02 11:18:53 · 3332 阅读 · 0 评论 -
Vue+element动态追加输入框、下拉框,动态绑定v-model
一、开发时候遇到动态添加筛选件(输入框、下拉框)问题,需要做成的效果如下二、代码实现(1)template部分<el-collapse-item title="查询条件" name="1"> <el-form :model="dynamicValidateForm" ref="dynamicValidateForm" label-width="100px" class="demo-dynamic"> <el-form-item v-for="(doma原创 2021-03-30 15:28:52 · 6178 阅读 · 3 评论 -
Vue中用axios进行数据请求
一、vue中可以用axios来做接口二、使用步骤(1)axios的安装npm install axios--save(2)在main.js中引入 import axios from 'axios'(3)在vue文件中也要引入<script>import axios from 'axios';mounted: function() { axios .get('url接口地址&limit=5&offset=0&order=desc')原创 2020-08-11 10:36:02 · 493 阅读 · 0 评论 -
VUE路由router(模板公用)
一、定义作用Vue.js 路由允许我们通过不同的 URL 访问不同的内容。通过 Vue.js 可以实现多视图的单页Web应用(single page web application,SPA)单页面实现了页面的切换,但是不刷新页面,它是通过js实现的二、实战demo(1)在用cmd创建项目,在创建项目的时候创建router,打一个yes(2)在cmd创建好项目;components文件夹下创建apple.vue和banana.vue两个组件 ;main.js和App.vue不用动;(3)在src/原创 2020-05-26 16:43:26 · 1415 阅读 · 0 评论 -
vue中的过滤问题
一、时间过滤请求出来的时间是一串字符串,需要进行过滤// 时间过滤formatTime = function (now, timestamp) { var date = new Date(timestamp) if (date.getFullYear() === now.getFullYear()) { if (date.getMonth() === now.getMonth()) { if (date.getDate()=== now.原创 2020-05-26 15:39:10 · 216 阅读 · 0 评论 -
vue入门之搭建脚手架(创建新项目)
vue入门之搭建脚手架(创建新项目)一、搭建脚手架CLI1、首先需要安装一个工具 node.js网址:https://nodejs.org/,点击版本下载,安装到D盘2、测试是否安装成功:在电脑开始那里搜索,打开终端(cmd)。输入:node -v 回车,便会返回当前node.js的版本号,即为成功,然后终端cmd中操作:vue-cli $ npm install --global vue-cli // 终端全局安装vue-cli3、新建vue项目在终端上的操作:(1)打开终端cmd(2)原创 2020-05-26 14:58:06 · 507 阅读 · 0 评论