vue.js
旧巷幽草{香
这个作者很懒,什么都没留下…
展开
-
uniApp开发微信公众号H5的时候,使用微信开放标签wx-open-subscribe, 在ios手机端环境的问题
IOS:每次切换路由,SPA的url是不会变的,发起签名请求的url参数必须是当前页面的url(就是最初进入页面时的url)Android:每次切换路由,SPA的url是会变的,发起签名请求的url参数必须是当前页面的url(不是最初进入页面时的)在进入这个页面的时候把uni.navigateTo换成window.location.href。这里需要注意的是,window.location.href里的路径需要用全路径,包含域名的路径。接着想应该是iOS路由的问题,所以就用原生的页面跳转。原创 2023-12-11 15:23:16 · 1009 阅读 · 0 评论 -
vue+element UI的form表单规则校验国际化(多语言切换)
element 表单规则校验国际化原创 2023-02-22 09:31:48 · 1613 阅读 · 2 评论 -
前端支持国际化流程 vue
前端国际化 vue原创 2023-02-22 09:08:18 · 798 阅读 · 0 评论 -
关于对手机号,邮箱星号加密处理
效果图<view class="" style="margin-left: 32rpx;"> <view class="username" style="font-size: 32rpx;">您好:{{userinfo.phone||''}}</view> <view class="editbtn" @click="editUser">修改个人资料</view></view>// 用户信息 getuserinfo()原创 2022-03-10 17:51:02 · 911 阅读 · 0 评论 -
vue 搜索输入框输入空格,禁止输入空格
在开发移动端的时候,开发一个搜索功能,输入框中有空格,但是搜索会出问题所以要搜索框中要禁用空格html<input type="text" v-model="value" placeholder="请输入内容" />方法 //禁用空格 isNull(str) { if (str == "") return true; var regu = "^[ ]+$"; var re = new RegExp(regu); return re.test(str); } add原创 2022-03-10 16:55:58 · 2501 阅读 · 0 评论 -
检测文本是否超过设定宽度,文本溢出显示按钮显示更多
html代码参数data() { return { prjDetail: “”, // 详情 showDetailBtn: false, // 是否显示“详情”按钮 detailDom: "", // 详情dom } },方法 showDetailBtnFun() { this.$nextTick(() => { this.detailDom = this.$refs.deta.原创 2022-03-10 16:32:09 · 650 阅读 · 0 评论 -
element 表单input回车刷新页面解决办法
element 表单input回车刷新页面解决办法在开发页面的时候,进行表单查询,点击输入框然后按下回车会刷新页面解决办法:一. 在el-form标签中添加@submit.native.prevent<el-form @submit.native.prevent>原创 2022-03-10 10:30:19 · 574 阅读 · 0 评论 -
vue中关于后端返回的参数中截取所需的值
后端返回参数截取参数clickbanner(e) { let wxappUrl = this.banner[e].wxappUrl var url = wxappUrl.split("?")[0]; var cateId = wxappUrl.split("?")[1].split("=")[1].split("&")[0]; uni.navigateTo({ url: url + '?id=' + cateId }); },...原创 2022-03-03 16:59:16 · 796 阅读 · 0 评论 -
uniapp的scroll-view横向滚动,实现横向滚动列表
在开发小程序或者h5页面的时候,会有遇到开发一个横向滚动列表如:所以我们用到了uniapp的scroll-view组件官方文档:https://uniapp.dcloud.io/component/scroll-view实现横向滚动必须设置<scroll-view class='scrollContainer' scroll-x> <view class='scrollitem' v-for="(item, index) in goodsArr" :key="inde原创 2022-02-22 17:44:10 · 9265 阅读 · 0 评论 -
element-ui el-input “type=number“的上下箭头去掉
经常在使用elementUI的input组件type=number的时候会出现末尾有上下箭头如何解决呢?改变css::v-deep input::-webkit-outer-spin-button,::v-deep input::-webkit-inner-spin-button {-webkit-appearance: none !important;}::v-deep input[type=‘number’] {-moz-appearance: textfield !important;原创 2022-02-11 11:35:42 · 2129 阅读 · 0 评论 -
element的输入框的各种校验
我们在使用elementUI的输入框是会有各种的业务需求,比如只能输入数字,只能输入小数切保留小数点后几位等等1.input输入框如何只能输入非零开头的正整数原创 2022-02-11 11:34:26 · 1894 阅读 · 0 评论 -
截取标准时间的年月日,时分秒
截取标准时间的比如"2020-01-22 10:20",截取时间的年月日或者时分秒var arr=“2018/6/21 10:05:30”.split(" ");//以空格分割为数组var date=arr[0];//arr内容是[“2018/6/21”,“10:05:30”];所以第1个元素就是2018/6/21//截取时间的年月日var date=“2018/6/21 10:05:30”.split(" ")[0];//截取时间的时分秒var date=“2018/6/21 10:05:3原创 2022-02-07 16:05:09 · 1372 阅读 · 0 评论 -
关于element的表格数据行赋值给表单,会出现表单输入框无法输入的情况
解决在表格数据行赋值给表单,会出现表单输入框无法输入的情况有时候在点击表格的某一行,把这一行的数据赋值给Dialog弹窗,然后会出现输入框无法输入更改值的情况这里有一些人用了一个粗暴的方法直接强制刷新,this.forceUpdate(),但是这个强制刷新,还衍生出了新问题:Input的表单校验失效了!所以使用了this.forceUpdate(),但是这个强制刷新,还衍生出了新问题:Input的表单校验失效了!所以使用了this.forceUpdate(),但是这个强制刷新,还衍生出了新问题:Inp原创 2022-01-13 18:02:03 · 1439 阅读 · 0 评论 -
element表格的行内编辑
element表格的行内编辑在data中定义原创 2021-11-05 16:14:01 · 680 阅读 · 0 评论 -
vue在表格列表页跳转到详情页后返回定位在原来的位置(路由传参的方式实现定位页面)
跳转时传当前页,返回的时候传回来原创 2021-10-15 11:33:05 · 598 阅读 · 0 评论 -
vue 循环遍历树结构,添加标识字段,表格根据标识字段显示按钮
vue 循环遍历树结构,添加字段在开发的时候会有这样的场景,在表格中会根据不同的数据展示不同的操作按钮,这里是数据的上移下移,第一个展示上移,最后一个下移。思路:这里的开发思路是遍历数据给每一条数据都加上一个标识字段,通过这个标识字段去显示隐藏按钮 标识字段upper上移 lower下移...原创 2021-09-27 14:23:31 · 2389 阅读 · 0 评论 -
隐藏iframe的顶部操作栏
隐藏iframe的顶部操作栏在iframe中预览pdf顶部会有一行操作栏,里面有打印,但是我只想让他预览不让打印,打印另做处理在iframe标签中的预览地址后面加上#toolbar=0效果原创 2021-09-07 11:46:04 · 1705 阅读 · 3 评论 -
element 多选表格分页之后,选择下一页保留前一页选择的数据
element 多选表格分页之后,选择下一页保留前一页选择的数据在开发的过程中会遇到多选表格,而且表格会有分页,在当前页选择数据后,下一页会保留当前页的数据原创 2021-09-06 18:13:52 · 956 阅读 · 0 评论 -
element 表格的选中回显
在开发管理系统的时候会遇到后台返回的值需要在表格中显示实现原创 2021-08-30 10:39:53 · 200 阅读 · 0 评论 -
对于element 的表单会二次校验问题
表单校验二次校验在我们开发过程中会遇到校验表单的情况,我们只想在提交的时候去校验表单,但是会遇到比如Dialog表单提交的时候校验一次后,再次打开弹窗还会校验一次,解决办法加上代码if (this.KaTeX parse error: Expected '}', got 'EOF' at end of input: …s.form){ this.refs.form.resetFields();}...原创 2021-08-17 18:50:09 · 1632 阅读 · 0 评论 -
关于vue-Treeselect的表单校验问题
在开发页面时,会用到vue-Treeselect组件,当表单进行必填校验时,值改变后校验未消除的解决办法第一次触发校验,值改变后校验未清除解决办法原创 2021-08-17 16:34:59 · 2083 阅读 · 3 评论 -
element 表单的表单名称label和表单域平行显示
element 表单的表单名称label和表单域平行显示解决方法原创 2021-08-17 16:10:45 · 416 阅读 · 0 评论 -
element表格的单元格字段太多,折行显示
element表格的单元格字段太多,会折行, tooltip显示原创 2021-07-29 16:45:13 · 583 阅读 · 0 评论 -
解决因为网络或其他原因多次提交表单
解决表单的多次提交在项目开发中会遇到提交表单,但是因为网络原因或者因为用户习惯多次点击按钮,而造成表单多次提交,如何解决解决思路首先我的思路是,表单提交的时候控制按钮的点击,只让按钮每次请求的时候就让点击一次,然后就禁止点击,请求完成后才可以再次点击,所以我是用的是disabled来禁用按钮。解决方法...原创 2021-07-29 16:13:43 · 453 阅读 · 0 评论 -
Vue开发h5页面的搜索功能
h5页面的搜索功能怎么在手机端可以使用搜索这是例子原创 2021-07-23 14:13:25 · 608 阅读 · 0 评论 -
对于表格页面跳转出去后,回来后还是定位在离开表格的那一页
对于想在表格离开后,跳转回来后定位在离开的页面思路在做这个的时候,一开始是想把分页的参数和查询参数在跳转的时候当做参数传递给页面,然后跳转的时候在传回来,后来觉得这样很麻烦,这样的解决方法不太优雅,然后改为上面的这种把参数放到缓存里面,从缓存里面取,然后替换请求对象里面的值...原创 2021-04-14 16:09:40 · 225 阅读 · 0 评论 -
vue项目中的全局过滤
vue中对某个属性进行过滤在vue项目中我们会遇到不止一处地方要对值进行过滤,我们就想到了写一个全局的方法进行过滤举例我们在做项目的过程中,要对金额进行过滤,后台传递给前端的金额参数,都是以分为单位的值,前端需要对金额参数进行过滤办法然后就可以在页面里面使用了...原创 2021-03-15 15:25:32 · 180 阅读 · 0 评论 -
对于在参数传递过程中,把中文过滤为空
对于某些特定的时候,后端需要前端传递的参数中含有中文需要进行过滤参数中含有中文,过滤为空解决方法参数中含有中文,过滤为空解决方法原创 2021-03-15 15:11:02 · 99 阅读 · 0 评论 -
cms系统中对于文章的处理
需要效果可以对文章进行添加标签,对已添加的标签要有取消处理方法data中定义data(){ articleTop: false, articleHot: false, indexPic: false}接口方法中原创 2021-01-15 16:20:16 · 130 阅读 · 0 评论 -
eleement ui的 element Cascader遇到的问题
el-Cascader组件当最后一级children为空会出现空白解决办法:/** 查询栏目下拉树结构 */getTreeselect(callback) {let params = {modelId: 1}let that = this;treeselect(params).then(res => {this.deptOptions = this.getTreeData(res.data)callback();})},getTreeData(data) {for (var原创 2021-01-15 16:09:26 · 354 阅读 · 0 评论