- 博客(52)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 百度小程序登陆之后获取用户信息
使用授权手机号作为登陆，随后获取用户信息，可以使用下面这个组件<view class="wrap"> <view class="card-area"> <view class="display-area border-bottom"> <open-data class="display-area-image" type="userAvatarUrl"></open-data>
2022-05-13 17:07:26
423
原创 AI工具栏为两栏，工具栏显示不完全
问题一：工具栏显示为两栏点击向右的三角按钮，就可以显示为两栏了在点击，这个向左的按钮就可以变成一栏了。问题二：工具栏显示的工具不完全，如图点击右上角的基本功能，可以看到“基本功能”是勾选状态的，我们需要把“传统基本功能”勾上，就可以显示完全了...
2022-03-25 10:51:12
6050
原创 AI打开没有属性栏
按照b站上面的视频学习，发现自己新安装的AI没有属性栏，如图操作方法，‘窗口’->'控制'，勾选上就有了， 以下内容为凑字数以下内容为凑字数以下内容为凑字数以下内容为凑字数以下内容为凑字数以下内容为凑字数以下内容为凑字数以下内容为凑字数以下内容为凑字数以下内容为凑字数以下内容为凑字数以下内容为凑字数以下内容为凑字数以下内容为凑字数以下内容为凑字数以下内容为凑字数以下内容为凑字数以下内容为凑字数...
2022-03-25 10:42:33
3526
1
原创 Chrome浏览器长截图
按F12打开开发者工具 ctrl+shift+p，输入“screen”，会出现如下截图 ，在文件夹中显示，就可以看到啦另一种方法点击浏览器右上角的三个点 更多工具——开发者工具 ctrl+shift+p，输入“screen” 鼠标单选需要的选项就可以了...
2022-03-07 13:18:17
628
原创 百度小程序数字自增
要求点击下一页的时候，data中的数字+1this.setData({ pages : this.data.pages+1})点击上一页的时候同理，只需要-1就可以
2022-02-23 17:00:28
364
原创 chrome插件-whatfont下载
使用方法在Chrome浏览器输入“chrome://extensions/”将压缩包中的.crx文件拖入里面
2022-02-16 11:58:47
456
原创 小程序遍历对象（百度智能小程序）
<view class="flex flex-wrap justify-between px-34px school-title"> <text class="{{list.id == list.id ? active : ''}}" s-for="list,key in counrtylist" data-id="{{key}}">{{list}}</text> </view>
2022-02-10 16:33:40
636
原创 Submit Text 3 使用SVN
使用了svn一段时间后发现，总是需要在文件夹里面对文件进行操作，那么能不能在编辑器中就能对文件进行操作呢，答案是当然可以的，然后我就进行了百度，从而解决了我的问题。前提是你已经安装好了submit text 3编辑器才能进行相关的操作。安装：Ctrl + Shift + P 调用出Sublime Text的包管理工具，输入TortoiseSVN，回车进行安装。 安装完成后 , 在sublime 菜单栏Preferences->Package Settings下便能看到Torto...
2022-02-07 17:51:13
378
原创 常用jqxi
slideToggle 点击可以实现带过渡效果的从上到下展开关闭<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){ $(".btn1").click(function(){ $("p").slideTo..
2021-11-11 15:06:49
351
原创 绝对定位水平垂直居中
<div id='wrap'> <div id='item1'></div></div>#wrap { width: 500px; height: 500px; border: 1px dotted black; margin: 0 auto; position: relative; } #item1 { width: 100px; height: 100px.
2021-10-14 11:21:29
86
原创 6-18位包含数字字母，大小写，特殊字符，正则表达式
const regEmail = /^(?=.*\d)(?=.*?[a-z])(?=.*?[A-Z])(?=.*[~!@#$%^&*])[\da-zA-Z~!@#$%^&*]{6,18}$/
2021-09-03 14:16:54
2661
原创 Redirected when going from “/login“ to “/“ via a navigation guard错误
路由版本："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
2021-09-02 14:12:55
26667
原创 跨域问题总结
遇到的跨域问题整理，都是在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...
2021-09-01 15:49:37
70
原创 wangEditor内容赋值
接上文 ，https://blog.csdn.net/qq_39704057/article/details/119993871?spm=1001.2014.3001.5501需要把已经存起来的内容在编辑器里面显示关键代码this.editor.txt.html(res.msg[0].content)括号里面的值，就是存储起来的数据，根据个人的项目的字段不同，需要变化完整代码<el-form-item label="内容" class="block"> <
2021-08-30 17:34:58
3734
1
原创 element-ui 单选按钮赋值
接上文，文章编辑功能，单选按钮绑定值的时候有些问题，不清楚的建议看一下上一篇文章：https://blog.csdn.net/qq_39704057/article/details/119993871?spm=1001.2014.3001.5501想要达到的效果但是不知道为什么，页面上一直没有渲染出来，用的代码<el-form-item label="文章重要性" class="block"> <el-radio v-model="form.article_.
2021-08-30 15:15:55
1038
原创 vue后台文章编辑功能
后台文章需要编辑功能，本人没有做过，所以就请教了这个小哥哥‘I LEFT YOU LAST’，他给了思路通过‘跳转页面获取本条数据的id’，并携带这个id跳转到目标页面 目标页面接收这个id，然后通过查询这个id的数据接口获取这个id的数据代码路由配置{ path: '/edit-page/:id',component: EditPage ,props:true },跳转页面：<el-table-column prop="address" label="操作">..
2021-08-30 14:05:46
1645
2
原创 element-ui select选择器 显示层级z-index的大小
在用vue2写一个添加商品的页面，其中用到了select下拉框和wangeditor编辑器，但是select下拉框被编辑器盖住了经过查看，是因为编辑器的z-index层级太高解决办法是给“el-select”的z-index 层级加高是我用:popper-append-to-body="false"，将下拉框载在到里面的...
2021-08-25 10:37:44
3855
1
原创 前端常用小插件
1. Moment ，这是一个专门针对日期格式转换的插件。地址：http://momentjs.cn/1、安装npm install moment2、引入在main.js写这两行代码importmomentfrom"moment";Vue.prototype.$moment=moment;3、在页面中的应用this.$moment(this.createTime).format("YYYY-MM-DD");moment.js文档https://itb...
2021-08-24 16:43:14
117
原创 element-ui 时间戳转换
时间戳是13位数字，10位数字的需要*1000我这里绑定的是‘add_time’是从数据接口获取到的时间戳，复制到自己的项目中，需要把这里替换成自己的字段html:<el-table-column prop="add_time" label="添加日期" width="180" :formatter="formatDate">methods我这里绑定的是‘add_time’是从数据接口获取到的时间戳，复制到自己的项目中，需要把这里替换成自己的字段 formatDa
2021-08-24 16:39:13
2003
原创 element-ui prop 三元运算符
代码<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.
2021-08-24 15:36:13
2551
1
原创 数组对象生成新的数组对象
从原来的数组对象中抽取指定的字段生成新的数组对象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
2021-08-24 09:56:03
1504
原创 axios跨域问题
项目配置vue-cli3 vue2 element-ui-2.15.3在网上找了很多方案，但是都没有生效，最后是前端添加了一段代码，后台添加了一段代码 解决了添加了headers的配置 const instance = axios.create({ // baseURL: 'http://mall.huolida.com/', // baseURL: '/api', withCredentials: false, // 允许携带cookie heade.
2021-08-23 10:31:17
338
原创 vue-table-with-tree-grid的使用的踩坑
项目使用element-ui+vue开发，见上一篇文章，需要做一个树形结构的表格，就找到了“vue-table-with-tree-grid”然后因为后端返回的数据不是嵌套结构的，就需要我们自己还加工一下，这里就为后面的坑埋下了伏笔，嵌套的子节点的字段是‘cat_list’，结果页面只渲染出来了第一层的数据，还没有报错，就因为这个问题，我花了一个上午，最后解决的办法是，子节点的字段必须是‘children’然后问题就解决了官网没有明确说明子节点字段必须是这个，但是根据目前的情况来看，子.
2021-08-20 14:00:46
1002
2
原创 vue-table-with-tree-grid的使用
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)
2021-08-20 11:50:22
1148
原创 商品分类列表
商品分类列表，添加分类，删除分类，编辑分类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&...
2021-08-16 18:25:15
548
原创 商品列表的搜索功能
需求是：输入商品的名称进行查询，为空的时候展示全部的数据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="请输入要查询的
2021-08-16 15:14:05
604
原创 vue跨域问题
使用的是vue-cli3的版本由localhost:8080请求‘http://www.refactweb.com/’发生了跨域问题在网上找了很多资料，最终是下面这段代码解决了我的问题module.exports = { // 基本路径 baseURL已经过时 publicPath: './', // 输出文件目录 outputDir: 'dist', // eslint-loader 是否在保存的时候检查 lintOnSave: true, // use the full b
2021-08-16 11:16:07
113
原创 CSS动态渐变背景
效果：代码： <div class="flex h-full items-center justify-around login-wrap"> <el-card class="box-card"> <div class="tyg-div-form"> <h2 style="text-align: center; font-size:22px;" class="mb-4">欢迎访问 官网后台</h2> <.
2021-08-12 15:10:03
848
1
原创 vue去掉路由中#号
使用版本"element-ui": "^2.15.3", "vue": "^2.6.11", "vue-router": "^3.5.2", vue-cli:31. 找到路由文件2. 添加以下代码mode:'history',3. 效果如下
2021-08-12 10:43:08
846
原创 element-ui手风琴效果
利用Element-UI提供的表格组件做成手风琴效果, 即同时只能有一个行展开效果如下使用版本"element-ui": "^2.15.3", "vue": "^2.6.11",实现方法链接：点击这里代码总结通过简单的配置就可以达到想要的效果...
2021-08-11 10:59:00
2034
1
原创 页脚在页面底部的几种方法
html和body的高度并不一定相同，在内容少的时候，body的高度要小于html，当然这只会出现在body中的内容所占的空间高度小于浏览器的视口高度的时候，此时html的高度大于body的高度。网页中的元素都是以body最为参考，所以有必要保持html和body的高度相同。html,body{height:100%;}1. 第一种方法在body中使用两个容器，包括网页的页脚和另外一部分（container）。设置container的高度为100%；页脚部分使用 负外边距 保持其总是在最下方。
2021-08-10 11:31:52
905
原创 element ul 日期插件
需求：使用element-ui的“el-date-picker”插件完成向后台传递时间字段 格式‘yyyy-mm-dd’解决办法：链接: 点这里.效果：
2021-07-27 11:21:47
341
原创 js 用户名显示星号
用户名，电话号码，账号，身份证***显示需求：张**李*replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串语法：stringObject.replace(regexp/substr,replacement)注意：如果该值是一个字符串，则将它作为要检索的直接量文本模式，而不是首先被转换为 RegExp 对象。返回值：一个新的字符串，是用 replacement 替换了 regexp 的第一次匹配或所有匹配之后得到的。Demo:'
2021-07-15 14:52:27
1390
原创 数组倒序排序
Array.reverse()，数组元素的排序排列今天做项目的时候遇到了一个需求，把下单字段的时间倒序排列，也就是最新的时间显示在前面，像这样因为这个字段是一个数组元素，所以就想到了让数组元素倒序排列，然后就找到的".reverse()"方法reverse() 方法用于颠倒数组中元素的顺序。语法：arrayObject.reverse()注意事项：该方法会改变原数组，不会生成新数组demo:<!DOCTYPE html><html><head
2021-07-15 11:53:19
4069
原创 Element-ui + vue 表格分页序号问题
需要达成的效果：每页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
2021-07-14 15:56:24
806
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人