vue
文章平均质量分 54
wangmj518
软件开发,中间件,数据库,企业管理
展开
-
若依页面权限
在某些情况下,是不适合使用 v-hasPermi,如元素标签组件,只能通过手动设置v-if。例如页面有多个标签组,点击不同标签组下方则会显示不同内容,,不同角色会看到不同的标签组,如果我们这里还是直接用 v-hasPermi 来操作,则被隐藏的是标签组下面的对应内容,但是标签没有被隐藏;这时我们可以用下面这种方式来解决。管理项目接触最多也最基本的就是权限控制,例如不同的用户对不同页面的操作权限,在同一页面对不同功能按钮的展示和使用等;封装了一个指令权限,能简单快速的实现按钮级别的权限判断。转载 2024-03-17 08:11:44 · 353 阅读 · 0 评论 -
若依服务器部署登录验证码不显示问题
2、nginx配置问题,因为若依后台启动获取验证码的接口是带有 prod-api/captchaImage prod-api 或 dev-api 所以在配置nginx的时候需要将这两个的请求地址加上 代码如下。若依项目部署到服务器上后,发现后台登录的验证码不显示,可能会出现的问题有两点。1、服务器的redis没有开启或者项目启动没有链接上redis。转载 2023-12-30 10:38:10 · 3901 阅读 · 0 评论 -
vue 自定义el-tree
el-tree可以通过两种方法进行树节点内容的自定义:render-content和 scoped slot。但我个人还是比较喜欢使用scoped slot,写起来习惯放到template里面了,写法也舒服。链接:https://www.jianshu.com/p/32f85873d8e1。商业转载请联系作者获得授权,非商业转载请注明出处。转载 2023-01-12 17:21:56 · 2347 阅读 · 0 评论 -
记录一次echarts4升级到echart5
链接:https://juejin.cn/post/6981985613020921863。商业转载请联系作者获得授权,非商业转载请注明出处。基本是把两层内容,去掉外层属性 还有一种属性对调的 如下。问题,通过提示,基本手动改都能解决。作者:fangzhou_lu。转载 2023-01-12 16:32:22 · 947 阅读 · 0 评论 -
vue点击获取当前元素或其父元素的属性值
/获取当前元素父元素的属性。//获取当前元素的属性。转载 2022-11-26 08:48:40 · 339 阅读 · 0 评论 -
[Vant] van-tabs标签页吸顶\/粘性布局在移动端适配上的一些尝试
此外要放弃vant-tabs预设的内容区默认插槽(就是说不要在van-tab那个双标签里写标签页内容,默认插槽在页面上的元素类名是.van-tabs__content),在.header元素的同级手写一个内容区div进行每个标签页的展示,通过v-show="active==='a/b/c/d'"进行切换。转载 2022-09-13 17:28:13 · 6612 阅读 · 1 评论 -
vue+vant webApp图片上传和编辑时图片回显
v-model="imageList"//图片上传成功后,afterRead方法回调,会把图片信息赋值给imageList。----------------------------编辑时图片回显---------------------after-read="afterRead"//回调函数。max-count="9"//最大上传数量。tempImageList[]//保存原先的图片。imageList[]//图片数组。//保存原先的图片路径。...转载 2022-07-16 08:20:17 · 1078 阅读 · 0 评论 -
vue axios拦截器常用之重复请求取消
上一篇介绍了axios的简单封装,知道了axios拦截器的应用场景和方法,今天来看一下对于响应时间过长且请求次数过高的情况拦截器如何处理。官网示例1:用CancelToken.source工厂方法创建 cancel token,像这样123456789101112131415161718192021 官网示例2:通过传递一个 executor 函数到 CancelToken 的构造函数来创建 cancel token:123456789101112 可以看到上面都是在单个请求中创建的 cancel to转载 2022-07-12 15:26:28 · 797 阅读 · 0 评论 -
vant学习文档手册地址
Vant Contact 联系人Vant Contact 联系人介绍通过 Contact 组件可以实现联系人的展示、选择、编辑等功能。引入import Vue from vue;import { ContactCard, ContactList, ContactEdit } from vant;Vue.use(ContactCard);Vue.u_来自Vant 中文教程。https://ke.qq.com/itdoc/vantlesson/vantlesson-irzt35wp.html...原创 2022-06-27 14:41:14 · 261 阅读 · 0 评论 -
360极速浏览器,关闭“开启DirectWrite高清字体渲染支持”导致内置打印崩溃
最近升级到13.0.2220.0,发现关闭“开启DirectWrite高清字体渲染支持”功能,会导致内置打印功能出错,打印预览界面显示预览失败,然后页面崩溃,显示RESULT_CODE_KILLED_BAD_MESSAGE,最后页面重启为兼容模式。开启“开启DirectWrite高清字体渲染支持”功能后,打印功能正常。之前12的版本,没有此类问题。解决方案:一、360浏览器开启高清字体渲染支持方法点击浏览器图标。点击右上角三个横杠图标。选择设置选项。选...原创 2022-05-17 15:48:42 · 12591 阅读 · 0 评论 -
Vue实现浏览器打印功能的代码
这篇文章主要介绍了Vue实现浏览器打印功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下Vue实现浏览器打印功能实际项目中使用vue实现调用本地打印机打印功能import vueEasyPrint from "vue-easy-print";1.导入 “vue-easy-print”2.编写打印模板 1 2 3 4 5 6 7 8 9 10转载 2022-04-19 19:54:44 · 1484 阅读 · 1 评论 -
vue-cli3.x Vue.prototype挂载
使用vue-cli3.x 创建项目之前vue-cli2创建项目后,如果自定义js插件,可以通过import xxx from 'xxx'Vue.prototype.$xxx = xxx将xxx挂载到Vue原型上,但到了cli3中,根据网上资料,现在import Vue from 'vue' 并不能返回Vue对象,如果还是使用Vue.prototype.$xxx = xxx挂载,那在子组件中也无法通过this.$xxx进行调用cli3中现在是通过createApp创建Vue实例对.转载 2022-04-04 20:49:02 · 601 阅读 · 0 评论 -
Vant官网
Vant - Mobile UI Components built on VueMobile UI Components built on Vuehttps://vant-contrib.gitee.io/vant/#/zh-CN/overlay原创 2022-01-23 10:46:55 · 822 阅读 · 0 评论 -
使用vue ui没反应
想要使用vue进行项目创建,要保证电脑已经安装了vue,第一步先查看自己是否安装node,出现如下内容表示安装成功。然后进行vue的安装,有两种方式:第一种方式:npm install --global vue-cli 或者 npm i vue-cli -g此时安装的vue版本是2.X的,无法打开vue GUI界面,输入vue ui没反应此时需要使用第二种安装方法:(注意:此时需要使用以下命令行,将原来的vue卸载掉)npm uninstall -g..转载 2021-12-06 18:24:46 · 433 阅读 · 0 评论 -
input file禁用手机本地文件选择,只允许拍照上传图片 capture=“camera“
<input type="file" accept="image/*" capture="camera"><input type="file" accept="video/*" capture="camcorder"> <input type="file" accept="audio/*" capture="microphone">## 在webapp上使用input:file, 指定capture属性调用默认相机,摄像,录音功能在iOS6下...转载 2021-06-06 17:49:48 · 3700 阅读 · 1 评论 -
若依微服务版怎样实现不同业务模块下实体和mapper互相调用
场景若依微服务版怎样新增业务子模块并使用代码生成实现对表的增删改查:https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/109524479在上面已经实现对若依微服务版搭建业务子模块进行了记录。比如这里在业务模块下新建了三个服务模块,各自在各自的模块下进行实体类和mapper的调用是没有问题的。但是如果想跨模块进行通用实体和mapper的调用怎么办。注:博客:https://blog.csdn...转载 2021-05-14 08:04:58 · 2521 阅读 · 0 评论 -
使用vue实现监听 Treeselect 选择项的改变的方法
本篇文章给大家分享的是有关使用vue实现监听 Treeselect 选择项的改变的方法,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。项目中使用 Treeselect 时,需要获取选项的变化从而触发别的事件,所以需要监听Treeselect 所选择的值。我使用了watch 来监听 treeselect 绑定的 model ,如果 model 的值发生变化就触发 currDeptChange 事件。<el-form-item p转载 2021-05-06 18:47:28 · 4822 阅读 · 0 评论 -
Vue开发之底部导航栏
一、导航切换封装一个公用组件Tabbar,在需要导航页的页面引入组件即可。代码如下:<template> <div class="tabbar"> <!-- 占位容器 --> <div class="placegolder-container"></div> <!-- 底部导航栏 --> <div class="bottom-tabs"> <div class="tabs-item" v-f转载 2021-05-06 08:43:32 · 1923 阅读 · 0 评论