- 博客(23)
- 收藏
- 关注
原创 vue路由配置
2.运用vue-router里面的createRouter,创建一个新的路由,并把这个路由暴露出去(export default)在router文件中在新建一个router.ts用来存放上面的变量constantRouter。1.在切换路由路径时,要保证界面在顶部和最左侧,达到一个刷新效果。1.建立一个路由文件 在src/routers/index.ts。1.先安装npm install vue-router。最后在app.vue中写入。
2023-08-09 11:13:05
143
原创 class和style绑定
Vue - Class 与 Style 绑定数据绑定一个常见需求是操作元素的class列表和它的内联样式,因为它们都是属性,我们可以用 v-bind处理它们:只需要计算出表达式最终的字符串。不过,字符串拼接麻烦又易错。因此,在 v-bind用于 class 和 style 时,Vue.js专门增强了它,表达式的结果类型除了字符串之外,还可以是对象或数组。class的样式绑定1. 字符串写法<!-- 绑定class样式--字符串写法,适用于:样式的类名不确定,需要动态指定 -
2022-03-08 16:42:18
485
原创 vue中的侦听(监听)
1. 侦听1.1 侦听的两种方式1.1.1 第一种new Vue { watch:{ 需要侦听的属性:{ //这里面是侦听的属性 } }}1.1.2 第二种vue.$watch('需要侦听的属性',{ //这里是需要侦听的属性})1.1.3 在第一种方式的基础上在进行简写这种简写的前提是没有多个属性,仅执行watch的handler属性new vue{ ,watch:{ 需要绑定的
2022-03-08 14:58:49
1743
原创 JavaScript通过键盘按键实现系统声音——keycode【网页】
JavaScript通过键盘按键实现系统声音——keycode【网页】
2022-01-25 12:58:41
1707
1
原创 vue的过滤器
vue的过滤器注意vue的过滤器只适用于vue2,并不适用于vue31.过滤器的定义过滤器(filters)是为vue为开发者提供的功能,常用于文本的格式化,过滤器可以用在两个地方:插值表达式和v-bind属性绑定里面。过滤器应该添加在Javascript表达式的尾部,由**“管道符 | ”**进行调用,示例代码如下:<!--在双花括号中通过“管道符”调用capitalize过滤器,对message的值进行格式化(也就是message作为参数传递给capitalize函数,函数都有返回值
2022-01-19 17:34:19
467
原创 JavaScript案例——05全选和全不选
1.1 css实现效果图2.1 方法一<p><input type="checkbox" name="people" id="">尼古拉斯·赵四</p><p><input type="checkbox" name="people" id="">莱昂纳多·刘能</p><p><input type="checkbox" name="people" id="">约翰尼·宋小宝</p>&l
2022-01-17 17:26:44
186
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人