• 解决vue 给window添加和移除resize事件遇到的坑
• 在vue项目中需要监听window窗口变化来时时计算图片的高度，于是就加了一个监听事件；确实监听到了，但是在离开当前页面进入其他页面改变窗口大小时发现window还是处于监听状态，即移除监听事件并没有生效。 //之前的写法，这样写移除监听事件无效 mounted(){ window.add...
• 日期：2022-12-31
• 浏览：218
• 标签： Vue

---

• vue相同路由跳转强制刷新该路由组件操作
• 想必大家在平时开发的时候可能遇到这种需求，在打开该菜单页面的情况下，再次点击菜单需要刷新该组件（销毁再创建）。而vue自身如果路由不变的情况下是不会这样做的，那么只能使用一些骚操作了。1.在菜单的路由跳转上绑定一个随机query参数，例如时间戳或者随机数：this.$router.push({ p...
• 日期：2022-12-15
• 浏览：206
• 标签： Vue

---

• vue用elementui写form表单时,在label里添加空格操作
• 要在密码两字中间添加空格，发现直接添加&nbsp; 是识别不了的，正确写法为：代码： <el-form-item label='密 码:' :label-width='formLabelWidth' prop='password'> <label slot='label...
• 日期：2022-12-07
• 浏览：325
• 标签： Vue

---

• Vue-cli框架实现计时器应用
• 技术背景本应用使用 vue-cli 框架，并使用了自定义组件（将按钮拆分成单独的组件）和vue 模板。使用说明开始正计时：点击工具栏的“开始正计时”按钮即可，快捷键为'Enter'键。开始倒计时：在输入框内写入时间后，点击“开始倒计时”按钮，即可开始倒计时。暂停计时器：点击“暂停计时器”按钮即可暂停...
• 日期：2023-02-16
• 浏览：117
• 标签： Vue

---

• vue 使用 vue-pdf 实现pdf在线预览的示例代码
• 背景之前的demo增加了图片预览，于是今天下午追完番剧就突然想到能不能把pdf在线预览也做了，说干就干，刚开始查了很多教程，我发现很多人都在说什么pdf.js这个库，这当然没什么问题，pdf.js的确可以非常完美的实现pdf在线预览的过程，但是感觉这样直接进去有点不太优雅，于是找找看看有没有什么现成...
• 日期：2023-01-24
• 浏览：49
• 标签： Vue

---

• vue相关配置文件详解及多环境配置详细步骤
• 1.package.json作用：package.json 文件其实就是对项目或者模块包的描述，里面包含许多元信息。比如项目名称，项目版本，项目执行入口文件，项目贡献者等等。npm install 命令会根据这个文件下载所有依赖模块。文件结构如下：{ 'name': 'sop-vue', 'vers...
• 日期：2023-01-20
• 浏览：34
• 标签： Vue

---

• vue中实现拖动调整左右两侧div的宽度的示例代码
• 写在最前最近在使用vue的时候，遇到一个需求，实现左右div可通过中间部分拖拽调整宽度，类似于这样这是我最终的实现效果还是老话，因为我不是专业的前端工程师，只是兼职写一些简单的前端，所以这个功能的实现得益于以下博客，《vue 拖动调整左右两侧div的宽度》、《vuejs中拖动改变元素宽度实现宽度自适...
• 日期：2022-12-31
• 浏览：179
• 标签： Vue

---

• Vue执行方法,方法获取data值,设置data值,方法传值操作
• 方法写在methods中v-on:click='run()'@click='run()'方法获取data中的数据通过this.数据获取方法设置data中的数据通过this.数据=’’设置例如通过this.list=[1,2,3]，设置list的值，让页面出循环list可通过 @click='run(...
• 日期：2022-12-16
• 浏览：253
• 标签： Vue

---

• vue 获取到数据但却渲染不到页面上的解决方法
• 能获取到数据 数据却渲染不到页面上问题描述： 我数据全部拿到了，js 里面写 console.log( musics ) 数据打印出来都正确，但是页面里面就是不显示。很多时候对数据进行处理了，但是页面上就是没变化，没效果，用 console.log 打印数据都没问题，特别是数组、对象容易出现这个问题...
• 日期：2022-10-24
• 浏览：165
• 标签： Vue

---

• vue 实现click同时传入事件对象和自定义参数
• 仅仅传入自定义参数HTML<div id='app'> <button @click='tm(123)'>ddddd</button></div>JS代码new Vue({ el:’#app’, methods:{ tm:function(e){...
• 日期：2022-10-07
• 浏览：48
• 标签： Vue

---