![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 52
9200237
这个作者很懒,什么都没留下…
展开
-
vue 重新渲染dom
如果需要强制重新渲染一个组件,可以使用key属性。当key改变时,Vue会认为这是一个不同的元素,并且会创建一个新的DOM节点替换旧的节点。下面是一个简单的例子,在这个例子中,每当你点击按钮时,componentKey的值会增加,因此key属性会变化,Vue会认为需要被重新渲染。这种方法可以强制Vue去重新渲染一个组件,从而更新其DOM。原创 2024-03-19 21:42:03 · 667 阅读 · 0 评论 -
VOL-vue 框架 文件上传控件关于大文件上传等待的修改
但是控件VolUpload.vue并没有去在这方面做任何交互体验上的控制,而且VolUpload.vue本身写的几个上传函数都是异步的,OSS接口可能也是异步的,实时等待状态返回不现实。经过很久的修改调试,我做出如下修改,给上传按钮增加 :disabled 属性绑定,默认false即为按钮可用,在点击上传按钮时,disabled改为true不可用,然后等OSS返回200状态时再改为false可用。原创 2023-12-10 21:18:51 · 607 阅读 · 0 评论 -
vue 使用 h函数
我需要用连接就是'a',这个是没错的,那第二个参数是要传递的属性,我开始以为只要传递属性值就可以了,然后仔细看示例发现人家是花括号里面成键值对的描述属性值的,所以我的第二个参数关于链接属性值应该写成 {href:text,text:"文件下载",target:"_blank"}。最后结果应该是 return h('a', {href:text,text:"文件下载",target:"_blank"});return h('a', {href:text},() =>"文件下载");原创 2023-12-08 10:16:41 · 641 阅读 · 0 评论 -
vue 中 js 金额数字转中文
我使用的框架vol.core。客户需求要将录入框的金额数字转换成中文在旁边显示,换了几种函数,最终确定如下函数。在公共函数库文件common.js中增加一个函数changeToChineseMoney,然后到页面代码中调用。原创 2023-11-26 13:34:29 · 686 阅读 · 0 评论 -
echarts折线图y轴刻度自适应
在做温湿度趋势曲线图时,我碰到了如下图这样的问题。我的实际值,都没有超过100的刻度的,但是他y轴的刻度线都到了250去了,这样完全不对。最后在请教了前端群里高手指点之后,去掉了series 下面的每根线的 stack 属性。y轴刻度他就能根据实际输入值来自适应了。尝试过强行给y周刻度设置最大最小值 ,但是结果也不对。原创 2023-10-26 17:24:50 · 1269 阅读 · 1 评论 -
Component inside <Transition> renders non-element root node that cannot be animated.
大致意思是要用div做根节点,把vue的元素包起来,不让vue元素直接作为根节点,在元素下加一层div即可,如下图。有道翻译过来是说 中的组件呈现不能动画化的非元素根节点。如上图所示警告提示,然后任何一个页面菜单都显示不出来了。然后网上搜索出来有的解决方案是说,需要给vue页面上层加div。原创 2023-10-17 15:29:22 · 273 阅读 · 0 评论 -
vben 的DatePicker日期组件弹出选择框被遮盖问题
他的弹出框选择日期界面,会被遮盖了,在日期组件的componentProps属性里加上getPopupContainer: () => document.body就能解决问题。如上所示,我在vben 页面里面,PageWrapper 元素中引入了FormSchema,里面包含日期框,原创 2023-10-17 16:24:49 · 299 阅读 · 0 评论 -
vue报错RangeError: Maximum call stack size exceeded
2、检查自己设置的路由本身是否有问题,我是检查了路由指向的vue代码很久之后,实在没发现问题,然后检查路由设置,发现了如下问题,/loginout 这个路由他的重定向属性也指向 /loginout,这就有问题了,假设/loginout有问题,重定向还指向他自己,就是个死循环了。比如路由指向的vue文件里代码有错误,或者设置路由时重定向了路由自己,造成死循环。1、首先检查自己跳转的路由地址的代码本身是否有语法错误之类的,造成错误,一般没有特别好的办法,挨个注释去检查。原创 2023-08-28 20:33:06 · 2439 阅读 · 0 评论 -
外部链接和VUE项目互相跳转实现退出登录
外部链接直接跳转到vue项目,vue项目的createRouter总是会人为的给链接路由换成/home。如果是直接用vue项目默认路由 #/home/再带其他参数跳转过去,vue项目不会再去把路由全部替换成/home,这时候后面再加自己的路由loginout和参数啥的就没问题了,顶多在router.beforeEach拦截路由的时候判断一下loginout,to.fullPath.indexOf("loginout")>0,来执控制他不执行跳转到别处。原创 2023-08-28 10:46:34 · 744 阅读 · 0 评论 -
在.NETMVC项目中用js代码base64加密字符串,vue项目中base64解密
1、获取base64.js 推荐使用npm下载:npm install --save js-base64,下载后在node_modules文件夹下面就能找到需要的base64.js。2、在普通的html文件中使用:直接将js引入使用。使用Base64.encode加密字符串,注意问号我没加密,是为后面vue项目中拦截路由准备的。我是直接到vscode中执行npm install --save js-base64 下载的。原创 2023-08-15 22:50:31 · 186 阅读 · 0 评论 -
外部链接跳转到vue项目传递参数实现单点登录
这一步其实vue比较熟悉的朋友很容易就想到了,用router.beforeEach 钩子函数来拦截路由,然后解析url中的参数,一般情况下vue项目内部路由之间是不可能去通过url来传递参数的,所以这个地方其实加了拦截规则也只会对外部跳转url的参数有用。首先前台门户的mvc项目跟后台vue项目他们是不同的站点,mvc项目端口是9995,vue项目的端口是9995。这个需求中mvc项目相对于vue项目来说是外部链接,他要跳转到vue项目,并传递登录的用户信息给vue项目,才能让vue项目免除登录。原创 2023-08-05 15:19:36 · 1446 阅读 · 0 评论 -
DotNet VOL.Core框架学习使用笔记(二)(持续更新)
页面对应的js文件中增加如下 this.columns.push 函数内容。按钮的点击事件 重点代码 this.edit(row);这就是框架里编辑按钮对应的buttons.js中打开编辑界面操作的函数。生成代码的列表界面,在数据行里增加一个操作列 查看按钮,打开编辑框,然后让编辑框成为一个只读的查看界面。原创 2023-07-05 21:00:32 · 1423 阅读 · 0 评论 -
DotNet VOL.Core框架学习使用笔记(一)
但是这种方式后来又发现有问题,他只是隐藏了pane,而pane里面的内容并没有隐藏,比如我是一个pane里面有一个类似自定义页的标签,这个标签指向的页面内容无法隐藏。最后是用得v-if来解决问题。3、2个菜单指向的都是同一个表的数据, 只是根据一个字段类型不同筛选不同的数据列表, 代码生成要怎么处理,另一个用视图生成代码,或者看视频上的表配置多个菜单。框架文档的 组件API ,源代码的表单布局-多列表单菜单,有复选框的示例,不过可能先要学会怎么用,不然搞不定。原创 2023-06-23 11:19:03 · 2426 阅读 · 0 评论