![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
lee_amazing
一个前端小白,大佬们带带我
展开
-
vue3实现上下无缝滚动效果
vue3实现上下无缝滚动效果原创 2022-06-02 11:58:09 · 2646 阅读 · 2 评论 -
vue实现筛选数组对象的功能
首先需要定义一个存储筛选结果的数组,还有筛选内容的变量。此处用的是typescriptconst resolveArr = ref<any>([])const searchValue = ref<string>('');定义筛选的方法,假设我们要筛选的数据源为dataSource数组对象// 假设数据源dataSource = [ { name: 'aa', detail: 'detaila', children: { obj: 'cc' } }原创 2022-01-05 15:05:48 · 3993 阅读 · 1 评论 -
在vue项目中实现网页整体随屏幕尺寸缩放
此处的项目为vue2版本,因为pc端的项目没有采用响应式自适应手机端的设计,所以使用lodash插件实现屏幕移动端自适应。首先下载lodash插件。npm i lodash -S然后在App.vue中导入,此处的App.vue主要指的是主框架,因不同项目可自行选择。import _ from 'lodash'然后给app容器挂上ref=“app”<template> <a-config-provider :locale="locale"> <div id原创 2021-05-25 15:35:03 · 8147 阅读 · 16 评论 -
js用dom写入html元素来实现v-show的vue方法
为了用JavaScript实现一个单选框的不同选择能v-show不同的内容,我采取了js的dom写入html元素的方法。首先得要先赋予这个元素一个id。接着dom出这个元素,选出它的innerHTML属性赋值即可,这样是可以写入标签的。<body> <div id='id1'></div> <button id='id2'>点击添加(show)</button> <button id='id3'>点击删除(hide)<原创 2020-11-10 15:00:34 · 683 阅读 · 0 评论