51Dev开发社区
登录 注册

#vue路由传参

vue-router实现页面的整体跳转
直接看效果图：代码地址：https://github.com/YalongYan/vue-router-jump...
代码星球 ·2021-01-13

Vue实现组件props双向绑定解决方案
注意：子组件不能直接修改prop过来的数据，会报错方案一：用data对象中创建一个props属性的副本watchprops属性赋予data副本来同步组件外对props的修改watchdata副本，emit一个函数通知到组件外HelloWorld组件代码如下：（代码里面有相应的注释）<template><...
代码星球 ·2021-01-13

vue-cli sass安装
1.安装相关模块：npminstallnode-sass--save-devnpminstallsass-loader--save-dev2.打开webpack.base.config.js在loaders里面加上：rules:[{test:/.vue$/,loader:'vue-loader',options:vue...
代码星球 ·2021-01-13

不依任何赖第三方，单纯用vue实现Tree 树形控件
这几天接到一个需求，里面有需要做一个属性组件，找的第三方的，但是不能完全满足我的需求，有这时间，我就自己做个小轮子吧。先看效果图（红点之前用的字体图标，是个对号，这里为了方便，用圆圈代替了选中状态，所以不是太好看，需要的自行修改就好）我直接用的vue-cli搭建的项目，代码目录如下：使用方式如下：treeData的格式...
代码星球 ·2021-01-13

vue+mousemove实现拖动，鼠标移动过快拖动就失效
今天用vue+原生js的mousemove事件，写了个拖动，发现只能慢慢拖动才行，鼠标只要移动快了，就失效，不能拖动了；搞了半天在，总算解决了，但是问题的深层原理还没搞清楚，知道的大侠可以留言分享，下面直接上代码：只能慢速拖动的代码：<!DOCTYPEhtml><html><head>...
代码星球 ·2021-01-13

vue构建完整项目-以及实现
由于开发vue项目的时候,需要重新搭建项目的架子,比较麻烦,其实之前做过的项目好多都可以直接拿过来用,比如接下来的这个项目,就可以满足平常的vue单页面开发.该项目包括了: 全局配置axios , 全局配置接口集合 , 切换页面动画 , 全局配置vu...
代码星球 ·2021-01-13

Atom 编辑器安装 linter-eslint 插件，并配置使其支持 vue 文件中的 js 格式校验
安装linter-eslint插件方式有如下几种.1.最简单的方式就是 点击File-Settings-Install,搜索linter-eslint,安装即可 2.#进入atom插件文件夹cd~/.atom/packages/#gitclone插件源文件gitclonehttps://github...
代码星球 ·2021-01-13

vue模板的几种写法及变化
第一种：2+版本支持，1+版本支持<script><templateid="aaa"><h1>我是组件2</h1></template>Vue.component('my-aaa',{template:'#aaa'});window.onload=functi...
代码星球 ·2021-01-13

laravel路由
laravel路由的路由文件路径：有的版本是app/http/routes.php有的版本是routes/web.php //简单路由Route::get('/',function(){returnview('welcome');});//访问路径http://localhost/laravel/public...
代码星球 ·2021-01-12

vue checkbox 双向绑定及初始化渲染
双向绑定可以绑定到同一个数组<inputtype="checkbox"id="jack"value="Jack"v-model="checkedNames"><labelfor="jack">Jack</label><inputtype="checkbox"id="john"v...
代码星球 ·2021-01-12

vue短信验证码组件
Vue.component('timerBtn',{template:'<buttonv-on:click="run":disabled="disabled||time>0">{{text}}</button>',props:{second:{type:Number,default:60}...
代码星球 ·2021-01-12

vue 单纯的获取经纬度 百度与高德 H5
首先用百度的api举个例子首先在index页面引入如下：<scripttype="text/javascript"src="http://api.map.baidu.com/api?v=2.0&ak=(你的sdk密匙)"></script>原样复制粘贴到index里就可以了，记住尾巴的a...
代码星球 ·2021-01-12

一个事件一定时间内只允许点击执行一次 与 vue阻止滚动穿透
可能我的方法很笨，简单实现来的就是给两个状态，一个状态点击时就发生改变，另外一个给一个定时器延迟改变篮圈部分，给了两种状态，一个isDisable，一个comeTime点击事件以后comeTime跟随事件直接改变状态，而isDisable则用setTimeout延迟两秒改变，这样就可以阻止连续点击事件触发器以后事件冒泡...
代码星球 ·2021-01-12

vue中的toast组件
首先在components新建组件文件夹随后在toast.vue中写入弹框样式<template><transitionname="demo"><divclass="toast"v-show="theToast">{{msg}}</div></transition&...
代码星球 ·2021-01-12

vue-cli 手机上浏览自己的项目
首先我们需要更改config文件拿我这个项目举例子，config文件下的index.js内的dev下的host需要更改为自己的电脑IP其次，重点来了，我们需要更改路径，细节的为什么我还解释不来，简单来说就是加个点，从根目录开始变为从当前目录开始：如图，build下的assetsPublicPath默认是：assetsP...
代码星球 ·2021-01-12
首页上一页...3738394041...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他