logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

在vue中如何使用自己写的js

在做弹框部分时,要用到一个拖拽的效果,搜了好久的插件,但是感觉没有很符合我需要的那种,所以就把之前写的js拖拽拿了过来,放到vue里。那具体操作时怎样的呢?咱们一起来看一下:1.首先在assets/js里新建一个drag.js2.将拖拽的js拷贝到里面,并export default出去。export default function drag (id) {//代码内容}...

博客篇-Github Actions 自动化部署

学习这个的主要原因还是想解放双手,实现代码提交至 Github 之后自动部署到服务器上的需求。我们来一起看下是如何进行操作的。那么 Github Actions 主要的工作就是什么呢?它的主要工作就是将我们上传到 github 的代码,下载安装依赖,并进行打包构建,最后将构建产物发布到我们的服务器上去,让代码在服务器上运行。那首先第一点,对于我们的主干分支 master,需要将其强行切换到 mai

#github#自动化#运维
IOS 手机中 input 框中粘贴复制触发不了 Keyup 事件

在 IOS手机中 input 框中粘贴复制触发不了 Keyup 事件:解决方法:1.改为 change 事件2. 改为 input 事件

sass 配置全局变量

场景:在前端工程中,我们会经常用到css预编译,有sass,less,styuls等,拿sass来说,通常我们会在项目里建一个variables.scss文件,里面会定义一些公共的样式,可以是单纯的变量,也可以是mixin混入,类似于函数。$activeColor: #043156;$defaultColor: #3f3f3f;/* flex布局 */@mixin flex($justify:sp

在vue中如何使用自己写的js

在做弹框部分时,要用到一个拖拽的效果,搜了好久的插件,但是感觉没有很符合我需要的那种,所以就把之前写的js拖拽拿了过来,放到vue里。那具体操作时怎样的呢?咱们一起来看一下:1.首先在assets/js里新建一个drag.js2.将拖拽的js拷贝到里面,并export default出去。export default function drag (id) {//代码内容}...

Vue BUS总线

Vue Bus 总线作用:在vue中实现非父子组件之间通信。场景:bus适合小项目、数据被更少组件使用,或者数据量少的项目。本质:实际上是一个发布订阅者模式的使用,利用 vue 的自定义事件机制,在触发时通过 $emit 向外发布一个事件,而在需要使用的页面,通过 $on 监听事件或者说是注册事件。是一个不具备DOM的组件。它就像是所有组件共用相同的事件中心,用它来作为沟通桥梁,可以向该中心注册发

vue项目在IE11下空白

今天遇到了vue项目在IE11下显示空白的地方,第一个反应是兼容性,然后仔细检查了一下项目,然后发现没有去安装babel-polyfill,所以就第一时间去安装:npm install babel-polyfill -D然后在main.js里引入(一般放在首行):import 'babel-polyfill'然后在webpack.config.base.js里:entry: {a...

Vue-router 里 import 动态导入模块报错

router 里 import 报错import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)export default new Router({routes: [{path: '/',name: 'layout',component: () => import('@/layout/Index')}]})如果没有安

vue中动态渲染组件的方法

在项目中,我们会经常遇到动态加载不同组件(内容)的场景,也就是想通过一个页面,根据不同的参数或者条件,来加载不同的内容。那在vue里,给大家提供了一个很简单的方法,使用component组件来实现以上功能:<component :is="变量"></component><scrpit>export default {components: {...

在vue中如何使用自己写的js

在做弹框部分时,要用到一个拖拽的效果,搜了好久的插件,但是感觉没有很符合我需要的那种,所以就把之前写的js拖拽拿了过来,放到vue里。那具体操作时怎样的呢?咱们一起来看一下:1.首先在assets/js里新建一个drag.js2.将拖拽的js拷贝到里面,并export default出去。export default function drag (id) {//代码内容}...

    共 14 条
  • 1
  • 2
  • 请选择