为您找到搜索结果:2016个
vue 监听路由变化
方法一:通过watch//监听,当路由发生变化的时候执行watch:{$route(to,from){console.log(to.path);}},或//监听,当路由发生变化的时候执行watch:{$route:{handler:function(val,oldVal){console.log(val);},//深度观察监听deep:true}},或//监听,当路由发生变化的时候执行watch:{'$route':'getPath'},methods:{getPath(){console.log(this.$route.path);}} 方法二::key是用来阻止“复用”的。Vue为你提供了一种方式来声明“这两个元素是完全独立的——不要复用它们”。只需添加一个具有唯一值的 key 属性即可(Vue文档原话)<router-view:key="key"></router-view>computed:{key(){returnthis.$route.name!==...
在 vue cli3 的项目中配置双服务,模拟 ajax 分页请求
最近安装了下vuecli3版本,与cli2相比,文件少了,以前配置方法也不管用了。demo中的大量的数据,需要做成ajax请求的方式来展示数据,因此,需要启动两个服务,一个用作前端请求,一个用作后端发送。双服务的配置方法在build/webpack.dev.conf.js中写入。在安装成功vue后,是仅有一个端口为8080的服务,默认的服务名称为:devServer,为了满足两个服务的需求,需要在这个文件中再配一个服务,服务名称为:api-server constdevWebpackConfig=merge(baseWebpackConfig,{module:{rules:utils.styleLoaders({sourceMap:config.dev.cssSourceMap,usePostCSS:true})},//cheap-module-eval-source-mapisfasterfordevelopmentdevtool:config.dev.devtool,//thesedevServeroptionsshouldbecustomizedin/config/in...
vue 外部字体图标使用,无须绝对路径引入办法
通常外部字体图标都在使用iconfont,这种图标在网上搜到一大把都是由于路径问题显示不出来,或者是显示个方块。最近的项目中也碰到这个坑爸的问题,总结一下解决办法:和webpack.config 配置没有多大关系,按照 vue-cli 生成的 webpack.base.conf.js 这个文件不需要改动,保持原来就好将icon 文件与icon 样式文件 置于同一目录下放在 assets 目录下即可在main.js 中 通过import 引入,路径以./assets/ 为开始置于同一目录下放在 assets 目录下@font-face{font-family:'icon';src:url('icon.eot?btu5gk');src:url('icon.eot?btu5gk#iefix')format('embedded-opentype'),url('icon.ttf?btu5gk')format('truetype...
【laravel5.4+vue.js】laravel 循环三维数组,解决:htmlentities() expects parameter 1 to be string, array given
laravel循环三维数组 +++ vue.js循环三维数组 (数据均是以三维数组形式存在的)<form-itemlabel="权限名称"prop="interest">@foreach($permission3levelas$k=>$v)@foreach($vas$k2=>$v2){{$v2['name']}}+++{{$v2['cate_id']}}@endforeach@endforeach</form-item><form-itemlabel="权限名称"prop="interest">@foreach($permission3levelas$k=>$v)@if($k==1)<divv-for="(item2,index2)inlevel"><checkbox-groupv-model="ruleForm.interest"><Checkboxv-for="(item,index)initem2":index="index":label="i...