随笔分类 - 15.Vue
Vue 相关
摘要：最近在做一个官网，需要对显示进行中英切换。 以前只是知道做语言切换使用 i18n，不过一直没有上手用过。这次正好使用下试试。 当时做这个官网是想练手 Vue3 的，这里也是 Vue3 + i18n 的结合使用。 1、安装 npm install vue-i18n 2、创建语言文件和目录结构 a、在
阅读全文
摘要：昨天在做的一个功能时，同时弹出多个框展示多个表格数据。 这些弹出框可以自由拖动。单独的拖动好实现，给元素绑定 mousedowm 事件。 这里就想到了 Vue 里面自定义指令来实现。 一、自定义指令 在使用自定义指令之前，先对自定义指令有一定的了解。从以下几个方面着手： 1、自定义指令定义范围 全局
阅读全文
摘要：一、前言 Vue 的一个特点就是数据的双向绑定。 在 Vue2.x 中使用的是 defineProperty 对数据进行的拦截监听，由于这种方式对 Object 和 Array 的拦截有缺陷。 所以在 Vue2.x 中有全局的 Vue.set API 来对这个缺陷进行修正（对于 Array 来说也是
阅读全文
摘要：一、前言 在前端，自适应是不得不考虑的问题。 但是实现自适应有方案也有很多种。今天介绍的是通过在 Webpack 中配置 loader 实现。 还有一个原因，在查资料的时候，网上的一些文章对 postcss-pxtorem、px2rem-loader 用法有些混乱。 特别是 postcss-pxto
阅读全文
摘要：一、前言 在使用 Vue 框架最常用的 UI 便是 Element，这里就做一些全局设置、升级等做一些介绍。 二、全局设置 在引入 Element 时，可以传入一个全局配置对象。该对象目前支持 size 与 zIndex 字段。size 用于改变组件的默认尺寸，zIndex 设置弹框的初始 z-in
阅读全文
摘要：一、前言 老的项目中有使用右键菜单，在拿过来用的时候有些问题，又找了些新的组件进行对比，在这里记录下。 二、组件对比 v-contextmenu ：这个组件是原型项目中使用的，在拿过来的使用的时候一直安装不成功，提示需要的依赖不能正确安装，于是就放弃了这个（GitHub 地址）； vue-conte
阅读全文
摘要：一、前言 在项目中，用的展示几个模块。首先默认会显示一些内容，用单选框选择其他几个模块（这里是用单选框做的）。 现在的新需求是，可以恢复到默认显示的内容。但是 Radio 单选后再点击自己不会取消（笑哭~~）。 所以就找曲线实现这个功能。 二、Change 事件 Radio 暴露出来的只有一个 ch
阅读全文
摘要：一、前言 在一个新的项目中，要在页面中嵌入三维部门用 Unity3D 做的场景。在摸索中使用了一些方法。下面是对这些总结。 二、Iframe 嵌入 这种做法是，先写一个简单的 HTML ，把 Unity3D 包含进来。再在项目中用 Iframe 嵌入。 HTML 代码： <body> <div id
阅读全文
摘要：一、前言 以前在项目中主要使用的是 Element-ui ，这里用到的数据验证主要是在 form 中绑定 rules，进行一些数据的验证。 最近在新的项目中接触到 Vee Validate 这个验证数据的。 二、导入基本使用 1、添加包 # install with npm npm install
阅读全文
摘要：一、前言 在以往的项目中路由模式都是使用默认的 hash，最近的一个项目中用到了 history 模式，但是出现一些问题。在这里对着两种模式做一个对比。 二、hash 模式 在 Vue Router 中默认使用的是 hash 模式，所以在使用这种模式是不需要设置的，直接默认就行。 const rou
阅读全文
摘要：一、前言 进来事情较少。 今天早上在群里面有看到，对于 iview select 的下拉框定位问题的讨论。 因为主要用的是 Element-UI，就对这一块做了深入的了解。 二、发现问题 如上面说的，在得到这个问题后，想到应该不只是 select 下拉所有的 dropdowm 的定位应该是一样的。
阅读全文
摘要：前言 在对接接口的时候时常会有传参问题调调试试很多，是 JSON、From Data还是 URL 传参，没有搞清楚就浪费很多时间。 本文中就结合 axios 来说明这些的区别，以便在以后工作更好对接。 一、传参区别 在 axios 的源码中对参数的处理分为两类，一类是：get、delete 等，一类
阅读全文
