随笔分类 - Vue
前端边用边学之element-ui
摘要：在utils目录下增加了memoryUtils.js和storageUtils.js 文件 需要安装store.js —> npm install store 【版本：2.0.12】 查看local存储信息，打开开发者工具 memoryUtils.js内容如下： /* 用来在内存中保存一些数据的工具
阅读全文
摘要：我们常规的写法如下： reqLogin(username, password).then(response => { console.log("登陆成功了!", response.data) }).catch(error => { console.log("登陆失败了!", error) }) 而我
阅读全文
摘要：参考文档：https://blog.csdn.net/yml9528/article/details/118058894 通过npm官网找到的 https://www.npmjs.com/package/@kangc/v-md-editor 这里跟上面的博主还是有一定的区别的，主要是项目现实原因，又
阅读全文
摘要：需求vue项目中会根据请求返回的状态码和信息弹出消息框，因为所有组件都需要，所以就需要封装好一个提示消息的功能函数，实现如下: 第一步：在根目录下创建commonFunction文件夹和 common.js文件 如图： 第二步，在common.js文件中写公用的方法： // 定义一些所有组件都需要用
阅读全文
摘要：在vue项目里要测试一段js代码，如何快速实现？ 首先要安装 node.js 然后在控制台进入要运行的js文件所在的文件夹，输入命令： node 文件名.js 例如： 要运行 generator 文件夹下的 generator.js 文件 \generator> node generator.js
阅读全文
摘要：开发中遇到一个小问题，就是填写form表单时，每项基本都是input，但是需要我们输入完内容获取下面行的相关内容时，需要我们手动触发，而不是通过@blur事件，这时，就需要在input框右边加一个button点击按钮来触发，而我们发现可以改变input的宽度来实现使其和其他对齐，但是当我们放在不同的
阅读全文
摘要：element 的 Form 组件提供了表单验证的功能，需要通过 rules 属性传入约定的验证规则，并将 Form-Item 的 prop 属性设置为需校验的字段名。 有两点需要注意: 1.要有对应的 ref，且名字一致，表明重置哪个表单。 2.prop 设置的字段名要和 v-model 绑定的字
阅读全文
摘要：需求，需要一键导出，但是这个有点low，即不能自定义，即我只想导出我想要的数据而不是全部怎么办？ 参考连接：https://blog.csdn.net/qq_42616672/article/details/108803898 先总结如下： 1.需要安装依赖：file-saver xlsx scri
阅读全文
摘要：当表格横着一行不想放那么多数据，会显得很紧，也没有重点，所以只希望放一些重要信息，其他的可以通过展开行来展示 需要在表格的每一行加一列： 实际中应用： <el-table-column type="expand"> <template slot-scope="props"> <el-form lab
阅读全文
摘要：watch 用来监听某个属性或者对象的值的变化而发生一些事情： 假如：有个需求，即在一个搜索输入框内删除搜索的内容，页面数据还原？如何做？ 实际项目中的应用： watch: { s_domain(newvalue, oldvalue) { if (oldvalue !== "" && newvalu
阅读全文
摘要：分两种情况：属性/插槽slot 属性：<el-input v-model="s_domain" placeholder="请输入域名" style="width: 25%" size="small" @keyup.enter.native="doSearch" clearable suffix-ic
阅读全文
摘要：kconf页面需求有些特殊（贼拉难受） 滑条和输入框需要数据双向绑定，因为是遍历所以用watch不好使 使用的是input type="number" v-model.number="" 但是如果想去掉右侧的增减箭头可以直接在样式表里加以下代码 input::-webkit-inner-spin-b
阅读全文
