摘要：
按键事件 按键事件就是，按了键盘的一个按键，就会触发绑定函数的执行。 |按键|说明| | | | |keyup|按键弹起的时候触发（最常用）| |keydown|按键按下的时候触发| |keypress|按键按压的时候触发| 语法 # 在标签上进行定义 @keyup="函数" @keydown="函 阅读全文
posted @ 2023-04-07 10:24
树苗叶子
阅读(88)
评论(0)
推荐(0)
摘要：
简介 在vue中，当修改了变量，页面内容会根据变量的变化而变化。但是如果页面变化了，变量不会变化，这个就是单向数据绑定。当页面变化，变量也会跟着变化，这个是双向数据绑定 语法 <input type="text" v-model="变量"> 示例 <body> <div id="app"> <!-- 阅读全文
posted @ 2023-04-06 22:09
树苗叶子
阅读(80)
评论(0)
推荐(0)
摘要：
修饰符 |事件修饰服|释义| | |.stop|只处理自己的事件，子控件不再冒泡给父控件| |.self|只处理自己的事件，子控件的冒泡不处理| |.prevent|阻止a标签链接的跳转，也可以修改跳转页面| |.once|事件只会触发一次(适用于抽奖页面)| .stop事件 <div id="ap 阅读全文
posted @ 2023-04-06 21:50
树苗叶子
阅读(36)
评论(0)
推荐(0)
摘要：
筛选功能 给定一个列表(模拟数据)，根据用户输入，自动筛选输入的内容并输出到屏幕 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="./js/jQue 阅读全文
posted @ 2023-04-06 20:39
树苗叶子
阅读(1076)
评论(0)
推荐(0)
摘要：
说明 当在一个方法(函数)里面再定义一个方法(函数)时，内部的方法的this指向会有问题，如下： <body> <div id="app"> <h1>{{l1}}</h1> <button @click="clickFunc">点我</button> </div> </body> <script> 阅读全文
posted @ 2023-04-06 20:02
树苗叶子
阅读(421)
评论(0)
推荐(0)
摘要：
简介 本文会把遇到的字符串的方法慢慢补充进来 indexOf方法 indexOf方法判断字符串是否包含另一个字符串 判断结果如果包含返回的是索引，如果不包含，则返回-1 <script> let s = 'abc' let s1 = 'jfkdabcjkfda' let res = s1.index 阅读全文
posted @ 2023-04-06 17:15
树苗叶子
阅读(290)
评论(0)
推荐(0)
摘要：
简介 本文会把遇到的数组的方法慢慢补充进来 filter方法 filter()方法是一个过虑方法 以下面的为例：列表dataList会每次取一个值，把值给匿名函数，并执行。比如第一次过滤会把a给dataList.filter(function (items){xxxx}，第二次会把at传给函数，后面 阅读全文
posted @ 2023-04-06 17:08
树苗叶子
阅读(43)
评论(0)
推荐(0)
摘要：
input事件 click 点击事件，一般不会用于input输入框，会用于按钮，用于输入框就有点像focus了，当点击输入框时会触发 blur 失去焦点事件，当失去焦点时会触发。 focus 获取焦点事件，当获得焦点时会触发。 input 在输入框中每输入一个字符都会触发一次 change 当输入框 阅读全文
posted @ 2023-04-06 16:46
树苗叶子
阅读(277)
评论(0)
推荐(0)
摘要：
说明 MVVM会自动检测变量的变化，当变量改变，页面也会对应的变化，但是有一点需要注意，如果有一个对象增加值的时候，不能直接修改，需要使用Vue.set()方法 语法 Vue.set(this.变量, 键, 值) 示例 <body> <div id="app"> <div v-for="(value 阅读全文
posted @ 2023-04-06 16:06
树苗叶子
阅读(79)
评论(0)
推荐(0)
摘要：
简介 v-for可循环对象：数组，对象，字符串，数字 用法 需要哪个标签循环，就把v-for写到哪个标签上 v-for="xxx in 变量" 这里的xxx in是固定写法，xxx代表一个变量，比如后端的 for i in中的i字母 v-for可循环的几种变量的展示 使用v-for循环“数组，对象， 阅读全文
posted @ 2023-04-06 13:15
树苗叶子
阅读(410)
评论(0)
推荐(0)
浙公网安备 33010602011771号