兰颜的博客

const regEmail = /^(?=.*\d)(?=.*?[a-z])(?=.*?[A-Z])(?=.*[~!@#$%^&*])[\da-zA-Z~!@#$%^&*]{6,18}$/

路由版本："vue-router": "^3.5.2",添加了路由守卫，然后开始报这个错误，原因就是路由版本导致的解决办法// 导航守卫限制路由跳转router.beforeEach((to, from, next) => { if (to.path === '/login') { next() var tokenStr = window.sessionStorage.getItem('token') } if (!tokenStr) { next() } e

遇到的跨域问题整理，都是在php文件里面添加的附上参考链接https://www.cnblogs.com/webenh/p/13277936.htmlhttps://www.pianshen.com/article/1726142312/1.Response to preflight request doesn't pass access control check: It does not have HTTP ok status.header("Access-Cont...

接上文 ，https://blog.youkuaiyun.com/qq_39704057/article/details/119993871?spm=1001.2014.3001.5501需要把已经存起来的内容在编辑器里面显示关键代码this.editor.txt.html(res.msg[0].content)括号里面的值，就是存储起来的数据，根据个人的项目的字段不同，需要变化完整代码<el-form-item label="内容" class="block"> &lt

接上文，文章编辑功能，单选按钮绑定值的时候有些问题，不清楚的建议看一下上一篇文章：https://blog.youkuaiyun.com/qq_39704057/article/details/119993871?spm=1001.2014.3001.5501想要达到的效果但是不知道为什么，页面上一直没有渲染出来，用的代码<el-form-item label="文章重要性" class="block"> <el-radio v-model="form.article_.

后台文章需要编辑功能，本人没有做过，所以就请教了这个小哥哥‘I LEFT YOU LAST’，他给了思路通过‘跳转页面获取本条数据的id’，并携带这个id跳转到目标页面 目标页面接收这个id，然后通过查询这个id的数据接口获取这个id的数据代码路由配置{ path: '/edit-page/:id',component: EditPage ,props:true },跳转页面：<el-table-column prop="address" label="操作">..

在用vue2写一个添加商品的页面，其中用到了select下拉框和wangeditor编辑器，但是select下拉框被编辑器盖住了经过查看，是因为编辑器的z-index层级太高解决办法是给“el-select”的z-index 层级加高是我用:popper-append-to-body="false"，将下拉框载在到里面的...

时间戳是13位数字，10位数字的需要*1000我这里绑定的是‘add_time’是从数据接口获取到的时间戳，复制到自己的项目中，需要把这里替换成自己的字段html:<el-table-column prop="add_time" label="添加日期" width="180" :formatter="formatDate">methods我这里绑定的是‘add_time’是从数据接口获取到的时间戳，复制到自己的项目中，需要把这里替换成自己的字段 formatDa

代码<el-table-column label="是否公开"> <template slot-scope="scope"> <span>{{scope.row.is_open== 1 ? '是' :'否'}}</span> </template></el-table-column>效果：用 v-if<el-table-column label="是否公开"> <te.

从原来的数组对象中抽取指定的字段生成新的数组对象demo shopClassList().then(res => { //通过接口获取到数据 let testlist = res.msg //数据赋值 for (let i = 0; i < testlist.length; i++) { let ob1 = { label: testlist[i].cat_name, value: testlist[i].cat_id

项目配置vue-cli3 vue2 element-ui-2.15.3在网上找了很多方案，但是都没有生效，最后是前端添加了一段代码，后台添加了一段代码 解决了添加了headers的配置 const instance = axios.create({ // baseURL: 'http://mall.huolida.com/', // baseURL: '/api', withCredentials: false, // 允许携带cookie heade.

项目使用element-ui+vue开发，见上一篇文章，需要做一个树形结构的表格，就找到了“vue-table-with-tree-grid”然后因为后端返回的数据不是嵌套结构的，就需要我们自己还加工一下，这里就为后面的坑埋下了伏笔，嵌套的子节点的字段是‘cat_list’，结果页面只渲染出来了第一层的数据，还没有报错，就因为这个问题，我花了一个上午，最后解决的办法是，子节点的字段必须是‘children’然后问题就解决了官网没有明确说明子节点字段必须是这个，但是根据目前的情况来看，子.

1. 安装npm i vue-table-with-tree-grid -S2. 引用import Vue from 'vue'import TreeTable from 'vue-table-with-tree-grid'Vue.component('tree-table', TreeTable)// 常用Orimport Vue from 'vue'import ZkTable from 'vue-table-with-tree-grid'Vue.use(ZkTable)

商品分类列表，添加分类，删除分类，编辑分类html代码 <div class="pl-4 pt-4 w-full"> <h1 class="text-left"> <p> <el-button type="primary" @click="handlAdd()">添加分类<i class="el-icon-plus el-icon--right"></i></el-button&...

需求是：输入商品的名称进行查询，为空的时候展示全部的数据html代码：<el-form :inline="true" :model="selform" class="demo-form-inline" style="display: inline;margin-left: 20px;"> <el-form-item label=""> <el-input v-model="selform.goods_name" placeholder="请输入要查询的

分享重构项目的代码，数据接口是从后端获取了，如果要应用到自己项目的话，记得替换

使用版本"element-ui": "^2.15.3", "vue": "^2.6.11", "vue-router": "^3.5.2", vue-cli:31. 找到路由文件2. 添加以下代码mode:'history',3. 效果如下

利用Element-UI提供的表格组件做成手风琴效果, 即同时只能有一个行展开效果如下使用版本"element-ui": "^2.15.3", "vue": "^2.6.11",实现方法链接：点击这里代码总结通过简单的配置就可以达到想要的效果...

需求：使用element-ui的“el-date-picker”插件完成向后台传递时间字段 格式‘yyyy-mm-dd’解决办法：链接: 点这里.效果：

需要达成的效果：每页10条，序号：1-10，11-20，21-30。。。 <el-table-column label="序号" width="55" align="center"> <template slot-scope="scope"> <div>{{(currentPage - 1) * pagesize + scope.$index + 1}}</div> </template> </el-tab

使用element ui+vue2结合表格实现分页器因为要重构后台，所以选择了element ui+vue2来重构，