kitesr-CSDN博客

原创 vue3.x中vuex的基本使用方法

在vue3.x中vuex调取值在html代码里可以直接使用vue2.x的方法，但是在js里与vue2.x就有了那么一丢丢的不同首先npm install vuex --save引入vuex在main.js里引入store模块import store from "./store";const app = createApp(App)app.use(store)创建一个store文件夹，在index.js文件写入import { createStore } from "vuex";

2022-03-18 23:35:16 2312 1

原创 js filter方法过滤数组 map 将数组中每个对象中的一个属性转化为字符串将字符串转化为数组

1.filter方法，let data=[{name:'晓明',age:'15',status:'1'}, {name:'小红',age:'15',status:'2'}, {name:'桃白白',age:'15',status:'3'}, {name:'白胡子',age:'15',status:'1'}， {name:'红发',age:'15',status:'2'}， {name

2022-03-12 23:08:20 1536 2

原创 js findIndex方法，向复杂数组添加数据时查看是否有重复

当我们向复杂数组中添加对象时，想要检查数组中是否存在相同的对，使用循环过于麻烦，这时我们可以使用findIndex方法<script> let arr = [ { id: "1", name: "晓明", age: "15" }, { id: "3", name: "小白", age: "35" }, { id: "2", name: "大黄", age: "18" }, { id: "4", name: "小

2022-03-02 23:44:41 747

原创 vue3+ant 2.x tabls表格内容的自定义和插槽使用

1.表格内容的自定义，后端接口数据返回的数据有时是状态码，例如0和1，0代表未通过，1代表通过，此时我们肯定不能在表格上显示0或1，这时就用到表格自定义 const columns2 = ref([ colums2表格头数据 { title: "序号", key: "index", customRender: ({ text, record, index }) => `${index + 1}`, }, { title:

2022-03-01 23:10:13 1312

原创 vue input框的禁用和可输入

input是我们经常使用的文本输入框，在vue中我们可以用v-model来绑定输入框的值，但是有时我们拿到一个值并通过v-model绑定到一个input框里，但是我们只想要显示这个值，不能修改，然后在某些特定的情况下在去改变这个值，这个时候就牵涉到文本框的禁用了 <input type="text"//绑定的值 v-model="Copy.possWord1"

2022-02-24 21:38:46 3085 1

原创 vue中下拉框的placeholder和选项传值问题使用

在我们日常写项目时，下拉框是经常使用的，也是非常简单的，但是有时也是会出现一些小的问题。首先我们给下拉框添加placeholder值是不生效的，此时我们只需要将下拉框绑定的value的初始值赋值为undefined就可以了，下面直接上代码html代码 <a-select style="width: 180px" v-model:value="data.situation" placeholder="请选择" >

2022-02-23 20:00:00 2710 1

原创浅谈vue3数据管理

vue3的出现可以是我们的代码更加的灵活，此处就再次简单说下vue3+js数据管理。import { toolGroupAPI,} from "@/services/get.js";//封装的接口export default function toolGroupListTable() { const toolGroupTable = ref([]); //定义的响应式数据 const toolGroupOneTable = ref([]); const toolGroup = (

2022-02-21 23:15:55 671 2

原创 vue3+ant desgin tree树菜单绑定复选框的值

tree树菜单复选框的是根据它的属性checkedKeys数组里的值来确定的。当我们拿到后端返回的数据之后通过replaceFields属性将每一条数据里每一个对象里的唯一标识替换成key,然后使用递归遍历数组，如果此处的复选框是默认选中，那么就把这个对象里做key的值push进checkedKeys数组里。...

2022-02-21 22:53:05 976 3

kitesr的博客