- 博客(8)
- 收藏
- 关注
原创 vue-element-ui子组件使用update修改从父组件传过来的变量同时响应更新
子组件修改从父组件传过来的值同时响应更新我们都知道子组件直接修改父组件传过来的值的话控制台会报错,一般的做法是通过$emit(‘自定义属性名’,value)来实现修改这里我们使用另外一种方法:例如:我们需要当点击某项操作后刷新表格,需要改变表格loading的状态,直接修改控制台肯定是会报错的这个时候我们就需要在父组件中在自定义属性名后加上.sync修饰符父组件<children :loading.sync="loading"></children>然后在子组件
2020-12-22 16:01:10 1941 5
原创 antd-react的EditableTable可编辑表格问题
**使用Form表单包裹EditableTable可编辑表格问题**最近公司有一个需求,在添加功能中使用表单填写数据,并且还需要嵌套一个表格,表格为可编辑,一开始的时候不知道怎么下手,后面发现高级组件的可编辑表格组件,于是立马上手,但是其中碰到了几个问题可编辑表格的渲染问题点击编辑回显数据有问题,只是单纯的输入框没问题,但是如果是使用了valueEnum所对应的数据就有问题了,或者使用了复选框同样回显的时候有问题,还是先贴下问题前的代码上面这两张图就是使用valueEnum对应的数据和使
2022-01-11 11:03:27 3527
原创 vue实现兄弟组件或者同级组件传值方法
第一种方法是使用中间件eventBus该方法需要先在main.js文件中暴露出一个实例,也就是:main.js文件export const eventBus = new Vue()然后在需要使用到的兄弟组件中引入这个main.js文件比如有componentA和componentB这两个兄弟组件在componentB中需要使用到componentA传过来的变量那么在componentA中把需要传值的变量通过eventBus.$emit传过去具体代码如下:首先引入main.js文件中的
2020-12-22 17:04:59 3160
原创 对element-ui下拉框中的选项值进行自由拼接
element-ui的下拉框选项值进行拼接:很多时候在公司开发的话需求是各种各样的,官网是有很多都可以直接拿过来用,但是往往需要做很多调整,前几天就遇到需要把下拉框值改为code/name形式代码如下:<el-select v-model="dataForm.productName" filterable> <el-option v-for="(item,index) in productOptions" :key="index" :label="`${item.
2020-12-22 16:27:18 2318
原创 使用ag-grid表格框架时所遇到的坑
使用ag-grid表格框架时所遇到的坑在给表格单元格使用单击或者双击事件时,用相关说明文档提供的单击事件@cellClicked或者或者双击事件@cellDoubleClicked不起作用,需要把@符号改为冒号,亲测有效新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计 ,将会带来全新的写作体验;在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行
2020-08-28 11:36:33 4349
原创 vue实现todoList
三部分实现todoList//todoHeader组件<template> <div> //数据双向绑定,trim去除空格,keyup实现按回车键添加一条todo列表 <input v-model.trim="text" @keyup.enter="addTodo"> <button @click="addTodo">addtodo</button> </div></
2020-07-11 20:22:49 536
原创 vue的html轮播图
vue的html轮播图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{
2020-07-11 19:26:38 639
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人