
Vue
Vue
篆愁君的烦恼
不是无情,亦非薄幸,只是我们一生中会遇上很多人,真正能停留驻足的又有几个?生命是终将荒芜的渡口,连我们自己都是过客。
-----安意如«人生若只如初见»
展开
-
解决动态菜单router的index配置,以及第二次传参未响应情况
本次记录两个问题1、动态菜单获取数据库信息,配置index跳转路由,从数据库获取部分值添加到已知前缀后2、第二次传参问题在复用router时,我们传递的参数可能不同,但是无法响应参数因为问题是在一个项目中出现的,下面大概讲讲应用场景我想要从数据库获取值来配置vue菜单menu,发现出现正常传值。下面是router的index.js这边的name是我的参数,然后传值。原创 2024-03-15 19:16:24 · 478 阅读 · 1 评论 -
在Vue中@click方法不起效
在跟项目的时候,我们可能会遇到我们click点击时,需要执行多个操作,如:调用方法,修改变量等。举个例子,像这样,我们在管理项目中想要编辑某一值,编辑好后,我们希望我们的点击可以关闭弹窗的同时,将修改的值返回到后台。这时候,就可能出现点击方法不起效的情况。当然我是根据自己的来说的,情况可能不同。我在调用单方法时,一般这么写。语法问题,当点击事件包括调用方法,改变变量值时。但是,像文中这种情况却不太适用。原创 2024-01-31 11:01:48 · 1684 阅读 · 0 评论 -
截取字符串的三个函数的简单使用
1、slice() 截取stringObject.slice(start, end)strat:开始位置(索引),可选,默认为0(一般不这么写,如有需要,以空字符串“”代替start参数);end:结束位置(索引),可选,不提供,默认为字符串的末尾2、substring()截取stringObject.substring(start, stop)start:开始位置(索引),可选,默认为0(同上);end:结束位置(索引),可选,不提供,默认为字符串末尾3、substr() 截取原创 2022-04-14 21:21:53 · 2377 阅读 · 0 评论 -
v-cloak,v-text,v-html的简单区分
v-cloak:解决由于网速过慢或其他问题导致的加载不出数据问题,一般与css属性连用,使得,当该属性未加载时处于不可见的形式,css属性设为display:none;v-text:将该指令所在的元素内容改为文本,文本内容是v-text后的文本,一般设置为可变,在vue中的data定义,不存在加载不出的问题;v-html:将该指令所在的元素内容改为html元素,内容是v-html后的HTML语句,同v-text,一般设为可变,并存放在data中,不存在加载不出的问题。一个简单例子:<原创 2022-04-12 21:43:37 · 184 阅读 · 0 评论 -
v-bind的简单使用
v-bind:单向数据绑定,只能由后台修改,在页面上进行修改无法改变代码内容,一般由data中的数值进行绑定。存在两种写法:第一种,v-bind:属性=‘属性值’ ;第二种,进行缩写,:属性=‘属性值’<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title...原创 2022-04-12 22:05:17 · 485 阅读 · 0 评论 -
v-model的简单使用
v-model:双向绑定原创 2022-04-14 21:47:38 · 86 阅读 · 0 评论 -
v-if与v-show的简单区分
v-if:"booleanObject":控制元素是否创建,或者直白点为true的话就进行创建,为false就不管它。v-show:"booleanObject":控制元素是否显示,这个是通过控制display的值来进行控制的,不管是否显示,都会创建。举一个例子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</原创 2022-04-14 23:23:28 · 125 阅读 · 0 评论 -
组件的简单使用
组件是构成页面中的独立结构单位,可以减少代码重复编写,降低耦合程度。组件主要以页面结构的形式存在,不同组件之间可以交互。全局:局部 :【提前说明】这里的template是独立出来的,可以认为是与组件相关联的组件或是另类字符串的表示,与上面的要在属性里面不同。 4、组件的数据传输父组件传值: 子组件传值: 参考资料:人民邮电出版社Vue.js前端开发实战...原创 2022-06-07 15:37:12 · 599 阅读 · 0 评论