键指江湖的博客

vue 点击复制链接的几种方法

项目目录下打开终端 运行。

输入框输入内容，对展示的列表进行模糊搜索筛选匹配的内容。

实现代码（vue3+ts）：将后台请求的数据state.categoryList赋值给backendArray；12就是你需要每组按多少进行分割。原数据展示：长度为40。按12一组分割后的数据。

Vue3 select循环多个，当其中一个option值被选后，其他select里面不能再重复选择该option值。第二种，当其中一个option值被选后，其他select里面就不出现被选option的值。

环境：vue3+ts+vite目标：1.修改DOM的文本值和样式2.获取后代子DOM元素,操作修改</</</</importfrom'vue'constreflog</pText1stylepadding0 30px;</</</</importfrom'vue'constreflogonMounted=>log</看到了吧。

Vue3 实现类似淘宝、京东产品详情图片放大器功能。2.在其他页面引用组件picShow.vue。1.创建picShow.vue组件。环境：vue3+ts+vite。

解决vue3使用element plus导航菜单刷新页面后active高亮消失的问题

介绍：这里安装引用的是Font-Awesome 6.x 版本，有专业版（付费），这里只介绍免费版字体使用方法。效果：此时看到同一个图标copy两种引用方式常规和实体的区别了吧。环境：vue3+ts+vite+element plus。4.使用 （看步骤3里面引用图标处）

介绍vue3 中如何使用vant组件

环境：vue3+ts+vite+element plus技巧：v-if，v-show的使用实现功能：点击单选框展示不同的输入框1.默认选项型号是选中的，型号输入框也是展示的，那么颜色输入框是需要隐藏，定义isShow,此时，isShow是true，!isShow就是false了，显示如下2.获取单选框选择的radio值。切换的时候下面输入框也要随之切换。定义@change事件，如果val=1，isShow的值是true，！

根据自己的接口请求的数据，对应好每页数量，当前页，总数等参数赋值即可，请求参数只需要当前页pageNum 和每页数量pageSize 即可。环境：vue3+ts+vite+element plus。接着前面的axios封装请求数据，继续。

环境：vue3+ts+vite。

3.此时我的文件目录结构是这样的，news.vue作为发送数据的一方，about.vue作为接收数据的一方。news里面定义了一个money的变量，值为100，通过点击发送给about组件。安装成功在package.json文件会有显示。2.在main.js里面全局引用。环境vue3+ts+vite。在终端cd到项目目录运行。

父组件引入子组件处里面绑定方法。方法把要传递的参数和方法暴露出去。子组件页面显示父组件的方法。

1.桌面新建一个文件夹Vue3-app打开编辑器导入文件夹，编辑器打开终端输入或者命令行工具cd到项目目录下输入回车运行这里我选择了TS+Vite来开发，并选择安装路由2.cd到 vue-project目录下 输入回车运行3.安装完成后 输入回车运行浏览器打开localhost即可看到页面。