
vue
FWodong
梦想还是要有的,说不定睡醒了呢
展开
-
element-ui的不同语言显示
现在有中、英、法三种,不同使用i18n,所有element-ui的组件文字显示需要手动规定,但是有些组件的名称等不能手动修改,例如分页组件的“跳到” “总共” “Go to” 等。element-ui提供了不同的语言包,在element-ui/lib/locale/lang下面,这里,为了性能方面,只需要载入这三个语言包即可,zh-CN en frmain.js中:import localeCn from 'element-ui/lib/locale/lang/zh-CN'import loca原创 2020-10-18 11:22:04 · 990 阅读 · 0 评论 -
将一套使用i18n的国际化项目,改成三套不使用i18n的国际化项目
啥都不多说了,将一套中、英、法的项目,改成三套,分别是中文的、英文的、法文的首先第一步,就是给切换语言的按钮加方法,控制语言的改变;其次,捕获到当前的语言;然后,执行router的index.js,在url中加上当前的语言,并且,渲染对应语言的home页面;最后,将所有的页面复制出英文的和法文的,分别修改三套页面对应的path和$t{}内容。首先:cn、en、fr按钮加方法,刚开始想到的是路由动态传参:<router-link :to={path: /:id/homeCn, name: hom原创 2020-10-18 10:58:24 · 196 阅读 · 0 评论 -
项目打包上线时遇到的错误
index.js:1 Uncaught TypeError: Cannot read property ‘prototype’ of undefined首先第一个错误,就是关于prototype的vue的问题,报这个错误是因为文件的执行顺序的问题,html文件在执行的时候,会按照script的顺序进行js文件的加载执行,而如果先执行a,在a中需要vue, 所以需要首先加载vue,即改为如下图所示:GET https://cdn.staticfile.org/npm/vue-quill-edito.原创 2020-09-09 20:40:43 · 509 阅读 · 0 评论 -
element的级联选择器,内容溢出
这是element新版本的问题,这个解决办法是在,全局样式中,加.el-cascader-menu { height: 190px ;}记住,一定是全局样式,而不是在该.vue文件内的style里面(该文件里的不奏效),这个原因我思考了一下,是和打包,运行顺序有关,更深层次的原因我还在继续探索和思考中…...原创 2020-08-30 18:57:13 · 748 阅读 · 1 评论 -
Error: Duplicate plugin/preset detected. If you‘d like to use two separate instances of a plugin, t
Error: Duplicate plugin/preset detected.If you’d like to use two separate instances of a plugin,they need separate names, e.g.plugins: [[‘some-plugin’, {}],[‘some-plugin’, {}, ‘some unique name’], ]在用vue-ui做开发的时候,serve启动会报这样的错误,如错误提示中所示,给第二个[ ]里面.原创 2020-08-19 09:42:09 · 4021 阅读 · 3 评论 -
vue : 无法加载文件 C:\Users\1\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。
在使用vue-cli的时候,在vsCode的terminal,无法使用vue创建demo。所有有关vue的指令都报同样的错误(甚至是vue --version)。vue : 无法加载文件 C:\Users\1\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。该笔记本禁止运行脚本了。解决步骤是:1 搜powershell,并以管理员身份运行,否则修改不了2 输入set-ExecutionPolicy RemoteSigned ,选择A或者Y即可...原创 2020-05-12 16:06:40 · 1436 阅读 · 0 评论 -
vue组件---使用props传数据
基本:父组件使用v-bind传值给子组件,子组件中的props中定义该名称就可使用;如果是数组或对象,默认值必须是一个函数来返回,例如:props: { a: { type:Array, default: function () { return [ ]; } } }使用props:单向数据流:父组件的数据变化时,会传给...原创 2019-10-29 21:52:41 · 218 阅读 · 0 评论 -
vue中的自定义组件
直接用图说明,简单易懂原创 2019-10-28 22:04:13 · 104 阅读 · 0 评论 -
数组操作
用思维导图的形式,容易理解,容易记原创 2019-10-27 15:43:06 · 107 阅读 · 0 评论 -
v-if和v-show
顾名想,这二者的区别很大的:if就是判断,是这样的情况下,应该怎么显示。所以他一般都是必须要显示,关心的是要显示什么;show就是显示,判断是否显示,true或false,至于显示什么,关系就不大了。v-if要频繁操作dom树,相对来说性能消耗大,...原创 2019-10-25 11:34:09 · 123 阅读 · 0 评论 -
v-bind和v-model区别
v-model 用在表单标签上,实现双向绑定v-bing 多和props,一起用,实现双向绑定原创 2019-10-25 11:25:14 · 236 阅读 · 0 评论 -
413错误
测试功能时,导入文件时显示413,文件过大,原因是我的程序中规定的size的问题原创 2019-10-19 09:15:36 · 267 阅读 · 0 评论 -
js 数组清空
数组名称是addData,vue的data里return的,所以在后面调用的时候,写的是this.addData1)this.addData = [ ]2)this.addData.length = 03)while (this.addData.length > 0) {this.addData.pop()}当然还有别的方法,接下来还要补充,这三个方法是我已经分别试了...原创 2019-09-22 18:13:00 · 173 阅读 · 0 评论 -
vue从swagger接口请求数据,并提取属性值赋给对象
.vue中的created()中定义:this.initOptions(); // 初始化后端返回的数据,作为select option在methods中:initOptions () { this.$api.get('/role/list', { systemId: ['2'] }).then(res => { console.log(res) })...原创 2019-09-12 21:28:16 · 2052 阅读 · 0 评论 -
400 bad request
ok ,直接入主题使用this.$api.get,因为我的swagger接口是get,所以是.get, 而不是.post。首先,测试接口,我在swagger里面try it out的时候,直接输了一个2,点击execute的时候,就可以请求到。接下来,程序,接口是这样设计的所以,我除了写’/role/list’之外,我还得加参数,所以,我这样写this.$api.get(’/role/...原创 2019-09-12 18:37:50 · 738 阅读 · 0 评论 -
vue组件通信
vue的组件之间:父子组件、兄弟组件、隔代组件1、父子组件通信:props、$emit父组件给子组件传值:父组件中给子组件绑定属性,然后子组件中在props中定义属性值,即可在子组件中使用该属性;子组件给父组件传值:父组件中,使用子组件时定义@属性名,在子组件的methods中通过$emit调用该属性名,定义方法。...原创 2019-09-08 17:02:39 · 110 阅读 · 0 评论 -
vue的component
vue中的component标签,实现组件的动态切换,通过(:is)实现。:is绑定一个名称,通过这个名称调用不同的组件。我用到的是item.name,即我规定的每个组件的name,通过name的匹配,调用相应的组件。第一,我大概介绍一下背景。我建的一个router中的一项模块,其对应的views中的文件名是SystemManage。(说明一下,views中对应的每个文件,是实现router中...原创 2019-09-04 16:28:46 · 2481 阅读 · 0 评论 -
not found cptable in node_modules/xlsx-style/dist/cpexcel.js
删除文件中原有的node_modules文件;yarn installnpm run serve但是程序启动的时候出现错误,显示:not found ./cptable in node_modules/xlsx-style/dist/cpexcel.js这个不是程序的问题,而是,在该文件目录下面,有段程序写错了,在该js文件里,第807行,var cpt = require(’./cpt...原创 2019-08-22 11:28:24 · 9551 阅读 · 8 评论