vue笔记
岩崎理奈
请大家让我多取点经吧!
展开
-
vue导入阿里第三方图标
先点击进入第三方图标1.将想要的图标加入购物车点击下载代码2.将下载好的代码解压 放入项目src\assets目录下3.点击进去打开demo_index.html根据步骤去main.js内引用按照要求 使用完成!...原创 2021-03-30 15:02:18 · 145 阅读 · 0 评论 -
vue-lunar-full-calendar的使用方法
首先安装:npm install --save vue-lunar-full-calendar在main.js中全局引入:import LunarFullCalendar from "vue-lunar-full-calendar";Vue.use(LunarFullCalendar);在需要用到的页面引入组件...原创 2020-04-26 16:44:27 · 6034 阅读 · 1 评论 -
使用iviewUI做Vue管理系统/动态收缩左侧菜单遇到的问题
根据iviewUI官网https://www.iviewui.com/components/layout#ZDYCFQ,写侧边菜单遇到的问题实现代码,使用了自定义触发器@click.native="collapsedSider"(自定义触发器,可以设置hide-trigger属性)<style scoped> .layout { border: 1px so...原创 2020-01-09 15:42:42 · 3519 阅读 · 0 评论 -
vue 表单验证
<Form ref="ePersonalAccountAddDto" :model="ePersonalAccountAddDto" :label-width="125"> <FormItem label="名称:" prop="name" :rules="name" style="margin-top: 20px"> ...原创 2019-10-24 09:49:21 · 251 阅读 · 2 评论 -
vue对象添加属性(key:value)、显示和删除属性
效果图<FormItem label="输入项填充内容 :" prop="value" :rules="name1" style="margin-top: 20px"> <Button type="success" @click="addKey">新增</Button> <table class="...原创 2019-09-11 16:43:32 · 16736 阅读 · 1 评论 -
vue Menu组件当前展开时其他收起
点击当前展开时,当前展开其他收起,主要是accordion在<Menu/>写上就能了,剩下的就是跳转问题了,我是直接写了一个方法@on-select="changeMenu"把name值传过去,然后跳转就解决了 <Menu :active-name="$route.name" theme="light" ref="child" accordion width=...原创 2019-08-08 10:47:18 · 2041 阅读 · 0 评论 -
highcharts图表坐标轴刻度之间的间距
间距设置plotOptions:{series:{pointPadding:0,//数据点之间的距离值groupPadding:0,//分组之间的距离值borderWidth:0,shadow:false, ...原创 2019-08-08 10:30:07 · 5307 阅读 · 0 评论 -
把对象添加进数组后,改变一个对象的值,数组内对象也跟变化的解决办法!
问题:把用户每次输入的值(businessBuyer)都存入一个空的数组(BusinessBuyer)内,累加,但发现每次用户输入后,数组内每一个对象的元素值全都跟改变了,所以数组内的所有对象的元素全都变成了用户最后一次输入的值。this.BusinessBuyer.push(this.businessBuyer)解决方法:看到一些博主给出的思路,因为数组是引用传递而不是值传递,...原创 2019-08-01 11:22:57 · 3793 阅读 · 3 评论 -
vue中使用百度编辑器Ueditor
1.下载Ueditor文件https://ueditor.baidu.com/website/download.html2.安装 vue-editor-wrap npm i vue-ueditor-wrap3.配置下载好的Ueditor文件1.将下载好的文件解压后放到static文件夹内2.找到ueditor.config.js文件并打开,...原创 2019-07-25 11:52:50 · 2839 阅读 · 2 评论 -
可搜索的下拉框
效果图将输入框和列表结合在一起 <div class="select-content"> <input type="text" readonly v-model="businessAdd.businessCustomerDetailDto.company" @click="selectDiv()" id="select_inpu...原创 2019-07-09 11:43:16 · 1102 阅读 · 0 评论 -
vue 表格单选按钮的实现
return{orderNo:'',columns: [ { title:'', key: '', render:(h,params) => { let orderNo = params.row.orderNo; let order...原创 2019-06-05 10:51:12 · 2469 阅读 · 0 评论 -
vue通过某个字段获取详细信息
新增列表后通过name获取用户输入的详细信息用户输入买方信息后弹出联系信息输入,确定后列表只显示买方信息,并可添加多条,要求通过点击name时能显示具体的联系信息//输入信息后点击下一步弹出联系人信息模板nextStep(){ this.businessBuyer.company=this.receivableAccountsDetai...原创 2019-05-10 11:24:19 · 3455 阅读 · 0 评论 -
vue获取循环列表并添加图片
因为我要实现的是选中之后,获取列表里面之前客户填入的资料信息这个信息是根据id获取显示的,所以我将单选时获取资料id因为要把资料id的name显示出来 所以我通过调详情的接口将对应的资料name获取到添加定义的数组materialDetail内并在方法后设置清空,不然用户单选后再换的话就会累积添加。最后再通过表格显示出来但同时要能添加图片,所以我加了一个item.url,这样才能与数据...原创 2019-04-03 10:10:09 · 5121 阅读 · 0 评论 -
vue列表跳转详情页面上一条 下一条 的实现
首先在点击跳转的地方传值 on: { click: () => { this.$router.push({path:`./detail`,query:{detailId: params.row.detailId, phone:this.ch...原创 2019-03-27 14:06:30 · 5235 阅读 · 4 评论 -
vue刷新页面
尝试了vue-router重新路由到当前页面但页面并没有进行刷新、用window.reload()、router.go(0)刷新,浏览器重新加载了,体验不好于是百度到声明reload方法,控制router-view的显示、隐藏首先在App.vue里声明reload()方法<template> <div id="app"> <router-vi...原创 2019-03-18 15:23:53 · 332 阅读 · 0 评论 -
vue单选框
<input type="radio" class="checkbox" :value="item.id" @click="checked(item.id,$event)" v-model="myCehck"></input>checked(id,e){ this.check=e.target.checked if (e.tar...原创 2019-03-19 18:50:06 · 2426 阅读 · 0 评论 -
vue复选框多选、全选
<div class="center"> <p style="text-align: center;margin-top: 5px;">需提供资料</p> <div class="center-top"> <div class="center-left">...原创 2019-03-19 18:18:30 · 4662 阅读 · 0 评论