Charltin-CSDN博客

一个网址的组成：例如：https://note.youdao.com/download.html<协议>:∥<服务器类型> . <域名>/<目录>/<文件名>/*** @method webFormat 格式化网址 pure* @param { Array<string> } webList 网址数组* @param { Number } lenLimit 限制显示长度* @returns 处理后的网址数组*/fun

2022-05-30 16:43:53 400

原创 el-select从远程获取options且可远程搜索

组件支持：为了应对需要从远程搜索获取数据的情况，Element-UI有给我们封装好参数让我们使用。filterable：没有它就不能搜索remote：没有它就不能远程获取remote-method：function，输入值变化就调用，默认传入我们输入的值/** HTML */<el-form :model="form"> <el-form-item prop="form.remoteSelect"> <el-select :remote=

2022-05-30 16:41:40 2727 1

原创 url中query的参数

0. query：查询1. query有什么用在页面发生跳转的时候，我们可以通过在url中携带query来轻松地筛选出我们想要显示的内容。query的格式一般是以下这种情况：// value可以是字符串也可以是参数query:{ xxx: "xxx", sss: "sss", zzz: params}2. 我们如何设置才能达到查找的目的假设我们有两个页面：overview.vue 和 list.vue● 我们希望从 overview.vue 跳转到 list.vue 的时候可

2022-05-30 16:29:53 4282

原创 v-model.trim——输入框再也没有空格了

在很多时候，我们在表格提交前都要对 input 中的数据做一次 trim 处理。params.nameStr.trim()但是有了 v-model.trim 后我们就不需要做这个处理了，直接：<el-input v-model.trim="data.name"></el-input>输入框再也没有空格了!trim 方法去除字符串的头尾空格:var str = " Runoob ";alert(str.trim()); // Runoob

2022-05-30 16:26:43 549

原创解决 el-switch 只能点击一次

出现问题当我在表格里使用el-switch，每次都是点击一次后就不能点击了。我是这么写的：<template> <el-switch v-model="value" active-color="#579ef8" inactive-color="#ccc"></el-switch></template>data(){ return { value: true }}然后我充满疑问对value进行了一个监听，这里我用的是 wat

2022-05-30 16:23:07 739

原创 flex解决盒子内部的自适应布局

项目需求在盒子数量变化的时候，我们希望达到如下图所示的效果：实现CSS.flex { display: flex; flex-wrap: wrap; width: 100%;}.box { flex: 1; box-sizing: border-box; height: 300px; min-width: 33.33%; margin: auto; margin-top: 20px; padding-left: 20px;}.fix-width {

2022-05-30 16:08:25 2751

原创调用接口的时候 TypeError: Object(...) is not a function

import 的时候没有加大括号：import { getxxx } from 'xxx'写成这样就好了在没有大括号的情况下，我们使用的是默认导出import xxx from 'xxx'我们需要使用xxx.getxxx来使用接口有大括号就相当于使用了解构赋值道理很简单，不过还没有形成习惯，下次一定...

2022-05-30 16:02:30 608

原创 hasOwnProperty的用法-git commit报错

hasOwnProperty的用法在commit的时候，如果我们写的是 obj.hasOwnProperty("xxx")，就会报错导致代码无法提交Do not access Object.prototype method ‘hasOwnProperty’ from target object把原来的代码改成Object.prototype.hasOwnProperty.call(obj, "xxx")...

2022-05-30 15:57:31 102