Vue.js
zhang8907xiaoyue
这个作者很懒,什么都没留下…
展开
-
VUE 多图片上传 预览 删除
<el-upload ref="upload" accept='image/jpeg,image/gif,image/png' :auto-upload="false" :headers="upload.headers" :action="upload.url" :limit="upload.limit" .原创 2020-10-14 10:32:14 · 960 阅读 · 0 评论 -
VUE el-dialog 缓存 不刷新 第二次之后 不执行created()
解决方案:增加v-if窗口关闭判断,v-if=false会销毁dialogv-if="orderOpen"<el-dialog :title="orderTitle" :visible.sync="orderOpen" v-if="orderOpen" width="80%" append-to-body> <pageOrder :param="orderSn"></pageOrder> </el-dialog>...原创 2020-10-01 10:25:42 · 2390 阅读 · 0 评论 -
VUE-3 vue.config.js配置信息完整版 css开启浏览器文件定位
一、常用配置const path = require("path");const UglifyPlugin = require("uglifyjs-webpack-plugin");module.exports = { // 基本路径 /* 部署生产环境和开发环境下的URL:可对当前环境进行区分,baseUrl 从 Vue CLI 3.3 起已弃用,要使用publicPath */ /* baseUrl: process.env.NODE_ENV === 'production' ?.转载 2020-09-06 09:44:48 · 5960 阅读 · 3 评论 -
VUE el-table获取 选中行属性
<el-table ref="orderTable" v-loading="loading" :data="masterList"this.shippingId=this.$refs.orderTable.selection.pop().shippingId;原创 2020-09-03 19:26:23 · 3174 阅读 · 0 评论 -
VUE el-table单选行
一、表格配置<el-table ref="multipleTable" @row-click="handleRowClick" @selection-change="handleSelectionChange"(1)ref="multipleTable"(2)@row-click="handleRowClick"(3) @selection-change="handleSelectionChange"二、事件控制 data() { return { .转载 2020-08-29 14:56:59 · 1466 阅读 · 0 评论 -
vue form 数字 或者 数字数组 后端“Cannot deserialize instance of `java.lang.Long` out of START_ARRAY token”无法转换
一、前端form提交到控制器为"{driver:[3],verkeId:[2,3]}",对象,其中数字均为数组,所以后端采用“Long”接收报错/** 司机ID */ @Excel(name = "司机ID") private Long driverId;@PreAuthorize("@ss.hasPermi('transport:driverVehicle:add')") @Log(title = "司机关联车辆信息", businessType = Busines原创 2020-08-29 01:49:45 · 7791 阅读 · 0 评论 -
Vue form表单input框 手动赋值 提交时 表单input值没有生效 验证仍然是空
一、问题1、input 赋值后表单提交却为空在调用接口将返回的值赋在表单的 input 上或者子页面传递数值给父页面form表单model元素后,提交表单,明明值已经赋上去了,结果提交后显示的该值为空。具体看以下代码:<el-form ref="form" :model="form" :rules="rules" label-width="100px"> <el-form-item label="司机ID" prop="driverId">原创 2020-08-29 00:48:48 · 6417 阅读 · 0 评论 -
VUE 子组件 设置 父组件的属性
不能子组件之间设置,必须通过调用父页面规定的方法进行修改一、父组件@changeRelatedDriver="changeRelatedDriver"设置修改的方法,用以回调<el-dialog :title="driverTitle" :visible.sync="driverOpen" width="80%" append-to-body> <pageDriver ref="pageDriverFuc" @changeRelatedDriver="chang原创 2020-08-26 23:53:47 · 1011 阅读 · 0 评论 -
VUE 嵌套子页面 嵌套组件 传递参数 调用子页面函数
一、嵌套子页面 嵌套组件<script>import pageDriver from '@/views/transport/driver'export default { name: "DriverVehicle", components: { pageDriver }}<!-- 选择司机对话框 --> <el-dialog :title="driverTitle" :visible.sync="driverOpen" widt原创 2020-08-26 23:22:57 · 3008 阅读 · 0 评论 -
VUE form select or radio 控件 编辑 数据回显 失败
1、回显事,绑定的model变量是数字,如下方颜色是12、原因数据类型不一致,字典表在实体类是string类型数据库业务字段是int导致无法回显,要都改成一致的数据类型,如string原创 2020-08-22 17:20:10 · 408 阅读 · 0 评论 -
Vue使用svg图标
1、阿里图标网搜索图标,下载svg2、将svg文件复制至assets/icons/svg目录3、注意去掉svg文件中的fill="颜色",防止框架无法填充颜色原创 2020-08-20 07:45:08 · 100 阅读 · 0 评论 -
VUE使用font-awesome图标库
1、main.js配置//引入fontawesome配置import { library } from '@fortawesome/fontawesome-svg-core';import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';import { faTruck,} from '@fortawesome/free-solid-svg-icons';library.add( faTruck,);Vue原创 2020-08-20 07:26:23 · 664 阅读 · 0 评论 -
vue 日期选择和条件查询
1、template<el-form-item label="注册时间"> <el-date-picker v-model="dateRange" size="small" style="width: 240px" value-format="yyyy-MM-dd"原创 2020-08-11 22:40:05 · 5382 阅读 · 0 评论 -
vue element table formatter
1、template<el-table-column label="状态" align="center" prop="supplierStatus" :formatter="formatSupplierStatus"/>2、methodsformatSupplierStatus (row, column) { var result=''; if(row.supplierStatus === 0){ result='停用'; }e原创 2020-08-11 22:34:36 · 172 阅读 · 0 评论 -
vue安装
npm install --global vue-cli原创 2019-09-04 18:16:52 · 76 阅读 · 0 评论 -
Vue.js动态绑定文本内容,绑定html以及其他属性
一、绑定属性或者html主要操作技能:v-bind:title 鼠标移上的显示v-bind:src 绑定图片路径v-bind:html绑定HTML文本和标签v-bind:text绑定文本v-bind:class 绑定类样式v-bind:style 动态绑定样式编写代码<div class="r...原创 2019-07-31 19:06:59 · 14756 阅读 · 0 评论