- 博客(27)
- 收藏
- 关注
原创 不能将类型“string”分配给类型“string[]”报错
在写代码的过程中,使用ts会出现不能把string值赋值给string|undefind,这个报错完全是因为在接收参数的时候给接受的参数类型写的是。我的页面因为是使用的Ant Design Mobile组件库中的TreeSelect组件,所以defaultValue。综上,这段代码的主要目的是在用户选择了某个具体的二级菜单项后,更新页面标题为所选项的名称,并触发加载或刷新相应的列表。,这种的话就不要在这儿写?,在接收到参数使用的时候判断为空和不为空。组件支持多选时),而你尝试赋予它的。
2024-06-06 20:36:32 1245
原创 关于v-bind
v-bind是Vue.js框架中的一个指令,用于将数据绑定到HTML元素的属性上。通过v-bind指令,我们可以动态地将Vue实例中的数据绑定到HTML元素的属性上,从而实现数据的响应式更新。v-bind的语法格式为:v-bind:属性名="表达式",其中属性名是要绑定的HTML属性,表达式是Vue实例中的数据或计算属性。例如,我们可以使用v-bind将Vue实例中的message属性绑定到HTML元素的title属性上:在上述代码中,当鼠标悬停在div元素上时,浏览器会显示message属性的值作为
2024-04-23 14:34:42 326
原创 进程和线程(一个进程可以启动多个线程)
线程是进程的一个实体,是CPU调度和分派的基本单位,它是比进程更小的能独立运行的基本单位。线程自己基本上不拥有系统资源,只拥有一点在运行中必不可少的资源(如程序计数器,一组寄存器和栈),但是它可与同属一个进程的其他的线程共享进程所拥有的全部资源。
2023-09-28 15:34:45 158
原创 前端常见面试题(1)——watch
watch和computed在Vue中是两个不同的属性,用于监听数据的变化并执行相应的操作。watch 监听数据发生变化,而computed是计算属性,在页面中用computed计算很多数据的变化,当页面中的数据发生变化的时候就会触发computed二者区别如下:1. 功能不同:watch是一对多的关系,即一个数据变化可以影响多个数据;而computed是多对一的关系,即多个数据影响一个数据。
2023-09-28 14:52:49 201
原创 使用vue3-print-nb打印时,出现多了一页空白页、a标签跳转
在写项目中,使用vue3-print-nb插件打印时候,多了一页的空白页,找了一下问题,是给html给了高度100%,到那时由于项目已经到后期,所以给css加上了一段代码。然后对应打印的页面就打印的是该打印的页码,不会多一页。
2023-08-07 11:14:51 1103 2
原创 父子组件传值vue3
:infoRow="newObj"(这是父组件向子组件传的值)默认有ts限制子组件接收并使用:用props.infoRow打点使用接收到的值。1.在子组件中定义方法const submitForm=()=>{}2.使用defineExposedefineExpose({ submitForm,});3.在父组件中使用ref const subForm1 = ref();4.调用子组件的方法 subForm1.value.submitForm();(首先可以打印 subForm1.value绑定的值内
2023-08-04 15:44:40 446 1
原创 项目中的定时器、table中的超宽度在上面显示
var timer = setInterval(调用函数,相隔时间(毫秒))var timer = setTimeout(调用函数,延时时间(毫秒))//离开当前组件清空定时器。在项目中遇到每隔五秒钟要执行一次获取数据的需求。
2023-08-01 09:44:11 75 1
原创 react面试题
而函数组件是一个函数,返回一个jsx元素,比较起来类组件的话,函数组件简单。从实例化来说:类组件需要实例化,用this来操作组件本身,而函数组件不需要实例化,没有this,不占内存,函数组件渲染时候只需要调用函数就可以了,执行效率高。他有两个参数,第一个参数是函数,第二个是依赖列表,只有依赖列表发生变化的时候,函数才会执行。数组的第一个元素是组件状态,第二个是更新组建状态的函数,这个啥书可以让当前组件更新。类组件有自己的状态,函数组件没自己的状态,又被称为“无状态组件”
2023-05-10 08:47:44 84
原创 2.每日温度
/ 当这两个温度,后面的比前面的大的时候给arr里面添加的是当时的后面的数字的下标。var arr=new Array(n).fill(0) //初始化,假设没有出现过最高的气温。var arr=new Array(n).fill(0)//初始化,假设没有出现过最高的气温。// fruits 输出结果:tomato,tomato,tomato,tomato。// 就是意思是把这个数组里所有的数字全部改为0,然后在后面的操作中在改成合适的数字。// fill() 方法用于将一个固定值替换数组的元素。
2023-01-11 09:18:26 67
原创 两数之和的源代码
需要两个数就执行两遍循环,定义两个for,然后因为有可能是都是第二个然后形成:[1,5,5,6],10形成[1,1]的结果,给j给的值就为i+1。
2023-01-10 17:06:54 52
原创 组件传值---------- 2.逆向传值(vue2和vue3的区别)
在vue3中如果直接给子组件绑定一个ref,那么是什么都拿不到的,ref方式传值:需要在子组件使用defineExpose(子组件暴露自己的属性)把ref绑定到子组件身上,那么就可以得到当前这个子组件的所有信息,包含他的data数据,从而完成了逆向传值.emit事件分发,用于子传父,如果子组件的数据想传递给父组件,就是用emit(逆向传值)context.emit("zipao",'我是子组件的数据')// this.$emit("自定义事件的名字",你要传递的数据)
2022-12-02 20:16:45 538 1
原创 组件传值---------- 1.正向传值(vue2和vue3的区别)
父组件通过v-bind绑定一个数据传递给子组件,子组件通过props接收到就可以在子组件的html中使用了。但是,如果父组件v-bind传递给子组件,子组件没有用props接收的话,这个时候,父组件传递过来的数据就会被挂载(赋值)到这个子组件自带的对象$attrs上面。3.如果组件有多个父组件 那么每次被调用的时候$parent会指向不同的父组件(这条就决定了$parent不会在工作用使用太多 因为不好确定他的父组件是那个)-- 在子组件被调用的地方 把props的参数当成属性进行传值 -->
2022-12-01 20:33:56 195
原创 单向数据流
prop是单向绑定的:当父组件的属性(数组)变化时,将传导给子组件,但是反过来不会。这是防止子组件无意间修改了父组件的状态,来避免应用的数据流变得难以理解。另外,每次父组件更新时,子组件的所有prop都会更新为最新值,这意味着你不应该在子组件内部改变prop,如果这么做,控制台会给出警告。
2022-11-25 21:09:03 126
原创 关于Vue
单向绑定(v-bind),单向指data中的值绑定到视图中,但视图中修改不会影响到data数据;虚拟 dom 中存在 diff算法,是 cpu 密集型运算,占用内存较少,可以提高运行效率,并压缩运行时体积;双向绑定(v-model),数据发生变化会驱动视图的更新,视图的更新也会驱动数据的变化;VM --- viewModel 视图模型==用来关联数据与视图之前的桥梁。V --- view 视图==页面==用户可以看见的界面。M --- model 模型==数据==变量。
2022-11-22 21:01:20 182
原创 vue2和vue3的区别
在vue3中的setup()中的第二个参数content对象中就有emit,那么我们只要在setup()接收。vue3中移除keyCode作为v-on的修饰符,当然也不支持config.keyCodes;,新的合成型api能让我们使用方法来分割,相比于旧的api使用属性来分组,这样代码会更加简便和整洁。可以监听数组,不用再去单独的对数组做特异性操作vue3.x可以检测到数组内部数据的变化。vue3中v-for与v-if,只会把当前v-if当做v-for中的一个判断语句,
2022-11-18 20:27:27 356
原创 vue3里面的watch
该回调函数会在副作用下一次重新执行前调用,可以用来清除无效的副作用,例如:等待中的异步请求。2)当使用 getter 函数作为源时,回调只在此函数的返回值变化时才会触发。在深层级模式时,如果回调函数由于深层级的变更而被触发,那么新值和旧值将是同一个对象。当侦听多个来源时,回调函数接受两个数组,分别对应来源数组中的新值和旧值。1)当侦听多个来源时,回调函数接受两个数组,分别对应来源数组中的新值和旧值。第二个参数:在(第一个参数的值)发生变化时要调用的回调函数。watch(第一参数,第二个参数,第三个参数)
2022-11-17 21:07:07 1964
原创 v-if和v-show的区别
v-show是通过控制元素的样式属性display的值来完成显示和隐藏的。v-show是在初次渲染时(特别是DOM元素刚开始不显示的时候)。v-if是通过创建和删除DOM的方式来完成显示和隐藏的,v-show使用在(显示和隐藏)切换不频繁的场景的。v-if使用在(显示和隐藏)切换不频繁的场景的,v-if消耗性能体现在切换时,v-show安全性不好。首先它两都是控制DOM元素的显示和隐藏的。
2022-11-15 16:26:24 218 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人