logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

前端Vue中多语言切换功能的实现

在基于vue-cli项目开发过程中,多语言切换功能可使用vue-i18插件,具体实现方法如下:step1: 在项目中安装vue-i18插件cnpm install vue-i18n --save-devstep2:在项目的入口文件main.js中引入vue-i18n插件import Vue from 'vue'import router from './router'imp...

文章图片
#前端#vue.js#javascript
H5页面在IOS input输入后会把页面顶起 留白

解决办法:input框绑定blur事件blurTo(){window.scrollTo(0,0)},没想到如此简单

vscode代码缩写

(4)循环+属性填充:select>option[value='北京']{$}*3>a[href='#']{北京}按下tab键。七、编序 $:ul>li.light-$*3,按下Tab键。五、分组 ():输入(ul>li*2)+p,按下Tab键。八、内容{}:输入ul>li{$}*3,按下Tab键。一、嵌套 >:输入div>ul>li,按下Tab键。四、返回 ^:输入ul>li*3^p,按下Tab

#vscode#html#css
vue-router动态加载路由

我们用vue开发一个带权限的管理系统。根据不用的用户,显示菜单项不同场景:前端菜单不是静态的写在vue程序里,而是要从后台接口中获取的的菜单列表 来 动态加载到vue应用中思路:1、登录成功的同时后台会返回给我们菜单列表,此时我们便在vue-router中插入这个菜单所对应的路由配置           2、配置好路由后,在添加左侧菜单静态效果           3、如果用户没有...

vue computer用法,get set详解

computer:计算属性get:获取属性。computer有2个属性,get和set,一般我们都是默认使用get,就像下面的代码<template><div>{{nameNew}}//=> '哈哈哈哈'</div></template><script>export default {data(){return {name:'哈哈哈

vue-cli 引用elementUI打包后,vendor.js文件过大

问题:vue-clinpm run build命令默认把dependencies中的依赖统一打包,导致vendor.js文件过大,出现首屏加载过于缓慢的问题。解决方案:使用externals引用第三方资源,防止element资源被打包到自己项目中,(总共修改3个页面index.html、webpack.base.conf.js、main.js)1、修改index.html页面,再head...

vue下载图片到本地(同源和不同源的解决方式)

同源的直接a标签下载<template><div><a href="../../../assets/allIcon.jpg" download="img">同源保存为图片</a><div @click="down">不同源保存为图片</div></div></templ...

vue 子组件修改props中的值

问题:子组件想修改父组件传来的值(props中的值)。普通的修改会报错,因为这个值是单向的,只能传进来,要是想修改就要用v-model解决办法:用v-model写个简单粗暴例子:父组件&lt;control :lingthData="lingthData" v-model="deviceF"&gt;&lt;/control&g

history.pushState() 给网站添加和修改浏览历史记录

假设一个使用场景:后台管理系统项目,左右固定布局。左侧是通用布局,右侧页面是通过ajax切换的当我们切换菜单后,想返回上一页,通常点击浏览器自带的回退。会发现回退的不是上一页,而是最开始打开这个项目的那一页。并且当我们刷新当前页面。也会自动回退到最初始的页面原因:我们切换菜单的时候并没有跳转页面,只是用过ajax把我们想要的那也插在右侧DIV中。没有跳转页面就意味着浏览器没有存下历...

npm装包时-S和-D的区别。带例子

npm install name -save 简写(npm install name -S)自动把模块和版本号添加到dependencies。npm install name -save-dve 简写(npm install name -D)自动把模块和版本号添加到devdependencies。-D后,安装包会在package中的 devDependencies对象中。简称dev...

#npm#webpack#前端
到底了