vue

Vue的响应式原理 双向数据绑定 vue通过Object.defineProperty 劫持传进来的数据， 然后在数据getter的时候订阅重新编译模板的消息，然后通过js监听元素的事件，这里input事件也好，keyup事件也好，总是监听输入框值变化，将新的值重新赋值给被劫持的data,这样就会触发setter函数，再setter函数中就会去发布重新编译模板的消息； Model 改变 View的…

一、问题描述： 1.vue点击父组件全分组，选择一个分组点详情按钮进去子组件，再返回去再点击另一个分组时。子组件无法获取到父组件最新的数据，而是上一次的。（路由问题+异步函数问题） 2.父组件给子组件传值，:group-Detail="groupDetail"可以得到，:group-type="groupDetail.group_type.val"却得不到。（路由问题） 二、解决方法 1.路由问题…

方法一，有滚动bug，可以使用方法二 .mar_item{ white-space: nowrap; animation: 10s wordsLoop linear infinite normal; } @keyframes wordsLoop { 0% { transform: translateX(100%); -webkit-transform: translateX(100%); } 10…

?准备了班级同学的学号姓名等相关数据，要如何把数据快速的放入表格中？ 首先在HTML结构中准备一个表格 接着在Vue的data中放入一个数组对象，把所有同学的数据通过对象的方式放入其中 最后在HTML结构中通过v-for列表渲染和使用插值语法去把数据展示在页面中 效果展示： ?在这个基础上，想要通过输入框输入文字快速查找相应到的名字，要如何做？ 首先要准备一个input输入框 其次在data中创建…

vue脚手架的安装 安装环境 是基于node的环境 创建复杂的vue项目的开发 安装 第一步要先安装node.js 第二步全局安装vue脚手架 npm i-g@vue/cli 第三步检测是否安装成功 vue -V 创建项目 1、切换到根目录 (项目需要所在的目录) cd / 2、创建一个vue项目 vue create myvue 运行项目 cd myvue 切换到项目目录 npm run ser…

直接使用就好 let oneData = '2022-07-08', twoData = '2022-07-06' (Math.abs(parseInt((new Date(oneDay).getTime() - new Date(twoData).getTime()) / (1000 * 60 * 60 * 24)))) // 结果为 2 版权声明：本文为cjy_fly原创文章，遵循 CC 4.…

比如当创建分类成功后，重置初始状态，不然下次再次进入新增分类页时还保留上一次的值。关于这个怎么处理呢？ mutations文件是这样的： //state const state = { //父分类 parents: [], //分类实体 category: { name: '', parent_id: '0' } } // mutations const mutations = { // 创建分类…

Vue前端后台模板 1. AdminLTE AdminLTE-admin 轻量级权限管理框架 2. vue-Element-Admin 3. vue-admin-template 4. ant-design-pro 5. iview-admin 1. AdminLTE 前端模板地址 https://github.com/almasaeed2010/AdminLTE 非常流行的基于 Bootstra…

前言： vue2-viewer 是一款强大的图像浏览插件，可以实现图像的放大预览，旋转，任意比例放大和缩小等功能。 使用步骤： 1、安装： 2、在main.js里面注册，也可以按需引入 更多： vue2-viewer 提供两种使用模式，单图片模式和多图列表模式。 1、单图片模式 2、多图片模式 其他资料： 使用步骤： 1、安装： npm install --save vue2-viewer 2、在…

当table很多列的时候，需要使用column的fixed属性，但是这时会存在一个问题，就是存在鼠标事件穿透。当固定列悬浮时，固定列的鼠标事件就不会触发，继而触发底层的鼠标事件。这回导致固定列（即使包含按钮）的鼠标事件（点击，悬浮等）不能触发，当底层存在鼠标事件事件还会导致出现不必要的触发，而且这种触发往往是不易察觉的。 解决办法：在ant-design-vue， 使用fixed会是的固定列独立出…