vue – 第73页 – 小飞侠

vue前端添加埋点事件

Post author:xfxia
Post published:2023年9月18日
Post category:vue

新建一个track .js 文件，并写入以下内容 import Vue from 'vue' // 埋点指令 let track = Vue.directive('track', { bind: (el, binding, vnode) => { console.log(el) console.log(binding) console.log(vnode) if (binding.value…

继续阅读

移动端布局之rem适配布局-vue

Post author:xfxia
Post published:2023年9月18日
Post category:vue

1.rem的大小 1rem的大小就是根标签html的一个字体大小,跟em的差别是,而1em是相对当前标签父元素的一个字体大小 html { font-size: 10px; } 2.rem在vue中如何使用创建rem.js文件,这里是相对375屏幕尺寸做的适配,直接上代码 const baseSize = 37.5 function setRem() { const scale = docume…

继续阅读

Vue -el-table表格动态控制表头动态展示数据（控制每一列展示）

Post author:xfxia
Post published:2023年9月18日
Post category:vue

前言最近在实际开发中我们遇到一个需求是用户自己控制键值来生成对应表格数据。换个思路就是我们还是正常查询数据，需要一个开关页面来动态改变表格展示每一列。我们需要一个开关页面，里面有多选，确定重置取消，确定时把选中数据传递给父组件，动态数据for循环最好是以封装成组件的形式，可以使代码减少，别的地方也可以用。组件全局注册直接用（主页文章有）细节 1.可以直接让后端以分页形式把所有需要的字段都…

继续阅读

vue框架开发出现页面空白、白屏的解决方法总汇

Post author:xfxia
Post published:2023年9月18日
Post category:vue

vue框架开发出现页面空白、白屏的解决方法总汇参考文章：（1）vue框架开发出现页面空白、白屏的解决方法总汇（2）https://www.cnblogs.com/love314159/articles/9355785.html 备忘一下。

继续阅读

Vuex监听

Post author:xfxia
Post published:2023年9月18日
Post category:vue

Vuex状态管理的数据有时候可能改变，这时候如果不进行监听，会出现状态管理数据并未动态改变的情况。在vue页面中使用state中的数据时，如果将state数据赋值给data中的数据再进行使用的话，将拿不到vuex状态管理的值。可以直接使用this.$store.state.xxx. 一、Vuex数据监听 //1.在computed中把数据返回 computed: { test() { retur…

继续阅读

vscode中vue文件，script代码块无高亮问题

Post author:xfxia
Post published:2023年9月18日
Post category:vue

所遇到问题如上图所示，html和css都能够正常高亮，ts/js只有部分高亮，后面通过修改settings.json文件、重启、重新下载编译器都没有解决，最后排查问题得出是插件的冲突问题 JavaScript and TypeScript Nightly 与 Vue Language Features（Volar）不能同时使用，否则就会导致代码高亮问题将 JavaScript and Type…

继续阅读

十分钟学会vue动画

Post author:xfxia
Post published:2023年9月18日
Post category:vue

在 vue 中给组件或元素添加动画的方式可以分为多种，但总体无非还是通过 css 和 JavaScript 来进行处理我们通过代码来看一下 css动画 js动画 vue动画 css动画 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="view…

继续阅读

vue组件排序（动态组件）

Post author:xfxia
Post published:2023年9月18日
Post category:vue

渲染一个“元组件”为动态组件。依 is 的值，来决定哪个组件被渲染。  <temp…

继续阅读

vue-preview功能的实现

Post author:xfxia
Post published:2023年9月18日
Post category:vue

在移动端项目里面，社区和商城是非常重要的两个模块，社区模块就需要有类似朋友圈的效果展示；最开始了解到了photoswipe 做了一个小图放大图的效果，但是效果并不理想，无法实现多张图片左右滑动的功能，一定是自己忽略了什么问题！！！于是寻求更好的解决方案，后了解到vue-prewview 实现功能； 1：webpack.base.conf.js { test: /vue-preview.src.*…

继续阅读

vue和react有什么不同

Post author:xfxia
Post published:2023年9月18日
Post category:vue

vue上手难度低，不过react社区活跃度更多一些，一般数据比较多的大型项目会倾向于使用react。在react官网中，官方也建议我们使用React来构建快速响应的大型 Web 应用程序。 vue2.0是面向对象编程（{data: {}, methods: {}, created() {}}）是一个对象，vue3.0则采用函数式编程， react是函数式编程 (总的来说就是用尽量用函数组合来进…

继续阅读