最近用Vue在搭建前端框架,在引用i18n时,运行的时候报错:Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>',在此记录下. 先看看代码:安装i18n 插件就不累述了(npm install vue-i18n) 中文:cn.js module.exports={ indexText:{ Code:'編號', } } 英文:en.js module.exports={ i…

Vue的报错:Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'   1.运行一下以前的一个Vue+webpack的 vue仿新闻网站  小项目,报错 由于自己vue学习不深入,老是这个报错,找了好久(确切的说是整整一下午^...^)才找到原因 -v- Uncaught TypeError: Cannot assign to read only property 'exp…

自己试做了一下vue的插件 参考element-ui: 写了一个组件 import message from './packages/message/index.js'; const install = function (Vue, options) { if(install.installed ) return; //console.log(Vue) // 1. 添加全局方法或属性 Vue.prototype.myMessage= message; Vue.prototype.dtime=fu…

Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>' 点开错误的文件,标注错误的地方是这样的一段代码: 就是module.exports; 百度查不到,google一查果然有. 原因是:The code above is ok. You can mix require and export. You can‘t mix import and module.exports.…

发现问题 运行一下以前的一个Vue+webpack的 vue仿新闻网站  小项目,报错 由于自己vue学习不深入,老是这个报错,找了好久(确切的说是整整一下午^...^)才找到原因 -v- Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>' 点开错误的文件,标注错误的地方是这样的一段代码: import {normalTime} from './timeFormat';…

用weex做项目的时候,npm start 之后一直报错error:Cannot assign to read only property 'exports' of object '#<Object>' ,查了好多资料好像是export和import共用了导致不兼容引起的 试了好多方法都不行,最后找到个办法,试了一下可以用,特此记录: npm install babel-plugin-transform-es2015-modules-commonjs 然后在 babelrc中配置 { &quo…

I18n (internationalization ) ---未完善 产品国际化是产品后期维护及推广中重要的一环,通过国际化操作使得产品能更好适应不同语言和地区的需求 国际化重点:1. 语言语言本地化2. 文化颜色.习俗等3. 书写习惯日期格式.时区.数字格式.书写方向备注:项目中会兵分两路,一路是语言的国际化,另一路主要为文化国际化 产品设计之初引入国际化标准,符合项目的开发流程.国内主要主要三点,一个是港澳台采用中文繁体+英文,内陆通俗中文简体,新疆等地区采用文化标准. Vue-I18nV…

简单了解i18n i18n(其来源是英文单词internationalization的首末字符i和n,18为中间的字符数)是“国际化”的简称.在资讯领域,国际化(i18n)指让产品(出版物,软件,硬件等)无需做大的改变就能够适应不同的语言和地区的需要.对程序来说,在不修改内部代码的情况下,能根据不同语言及地区显示相应的界面.在全球化的时代,国际化尤为重要,因为产品的潜在用户可能来自世界的各个角落.通常与i18n相关的还有L10n(“本地化”的简称). <bean id="localeRes…

$ 您会注意到,我们将库代理为以美元符号“$”为前缀的属性名. 你可能还看过其他的属性和方法,例如,$refs, $on, $mount等等也都是以”$”开头. 虽然属性名上添加前缀不是必须的,但是这样做可以提醒糊涂的开发人员(可能是你),这是一个公共API属性或方法,欢迎你使用,不像其他属性的实例,可能只是为了 Vue 的内部使用. 作为基于原型的语言,Javascript 中没有(真正的)类,因此也没有 “私有” 和 “公共” 变量或 “静态” 方法. 这个惯例是一种很好的替代品,我们认为是…

最近公司项目中出现一个报错Uncaught TypeError: Converting circular structure to JSON,,根据上述报错可以知道代码是运行到JSON.stringify时,抛出了这个错误,代码中使用JSON.parse跟JSON.stringify来实现便捷深复制,网上查询了一圈,原来是要深复制的对象被循环引用,什么意思呢?如下所示 我们声明两个对象,然后把第一个对象赋值给第二个对象里面的一个属性,把第二个对象赋值给第一个对象里的某个属性,此时就是循环引用,这…

1.npm安装方法 npm install vue-i18n --save 2.在src资源文件下创建文件夹i18n,i18n下面创建index.js文件,引入VueI18n和导入语言包(按开发需求可添加多种语言) 具体代码: import Vue from 'vue' import VueI18n from 'vue-i18n' Vue.use(VueI18n) // 注册i18n实例并引入语言文件 const i18n = new VueI18n({ locale: 'zh_cn', mes…

(一)添加依赖模块 在package.json文件中添加vant模块的依赖,如: // package.json { "dependencies": { "element-ui": "^2.12.0" } } (二)配置语言资源文件 目录结构 index.js文件内容 import Vue from 'vue' import VueI18n from 'vue-i18n' import elementEnLocale from 'element-…

在vue中引入mui的js文件的时候,报如下的错误: 那是因为我们在用webpack打包项目时默认的是严格模式,我们把严格模式去掉就ok了 第一步:npm install babel-plugin-transform-remove-strict-mode 第二步:在.bablerc文件中加入"plugins": ["transform-remove-strict-mode"] 到这里问题就完美解决了…

老板说我们的项目要和国际接轨,于是乎,加上了多语言(vue-i18n).项目用到的UI框架是element ui ,后续echarts.joint等全都得加上多语言. 一.言归正传,i18n在vue项目里如何使用呢? 第一步,Hold On!不对啊,肯定是先install啊,不install怎么use?急得我都和国际接轨了!!! npm install vue-i18n -save 看到这段话得时候相信you and me 已经把它install好了,现在,してください....额,有点太接轨了吧…

http://blog.sina.com.cn/s/blog_6c7e59770101p7w9.html 一.I18N 在 J2EE 中的应用 [转载:http://blog.csdn.net/changzhang/article/details/2164753] 1. 加 standard.jar 和 jstl.jar 文件到/WEB-INF/lib 2. 配置web.xml文件,加入如下内容: <context-param>        <param-name>javax.s…

国际化与本地化的目的为了能为各个不同的用户以他们最熟悉的语言和格式来显示网页. Django能完美支持文本翻译.日期时间和数字的格式化.时区. 另外,Django还有两点优势: 允许开发者和模板作者指定他们哪些app应该被翻译或被格式化为本地形式. 允许用户根据自己的偏好来实现本地化显示.翻译依据语言,格式化依据国家, 这些信息由浏览器中的Accept-Language头来决定.不过目前为止时区还未能实现. 参考官方文档:https://docs.djangoproject.com/en/1.9…

1. 过滤器 基本概念 过滤器是需要在xml中配置的. 为什么需用到过滤器? 项目开发中,经常会涉及到重复代码的实现! 注册 ----à Servlet [1. 设置编码] ----à  JSP 修改 ----àServlet [1. 设置编码] ---à  JSP 其他, 如判断用户是否登陆,只有登陆才能有操作权限! 涉及到重复判断: 获取session,取出session数据,判断是否为空,为空说明没有登陆,不能操作: 只有登陆后,才能操作! 如何解决: 抽取重复代码,封装 每个用到重复代码…

对于i18n其实没有太多内容,一般的公司用不到这些内容,除非是跨国公司,但即便是跨国公司也不一定会使用i18n来进行国际化处理,所以本篇内容仅供大家了解,不做深入的探讨,希望通过本篇内容,可以帮助大家了解i18n的使用.好了废话不多说,下面进入今天的正题. 首先说一下i18n在Struts中分为三个等级:Action.package.Application三种,分别对应着其作用的范围,我想你一定已经知道什么意思了.先通过一个java project简单认识一下i18n的使用:i18n文件上的后缀…

I18N/国际化 这个插件支持月份和星期名以及weekStart选项的国际化.默认是英语(“en”); 其他有效的译本语言在 js/locales/ 目录中, 只需在插件后包含您想要的地区. 想要添加更多语言, 只需要在调用.datepicker()前在 $.fn.datepicker.dates上加一个关键词, . 例如 $.fn.datepicker.dates['en'] = { days: ["Sunday", "Monday", "Tuesday…

重温vue,一些知识点简单记录. 1.我们都知道当数据变化时,视图会重新渲染.注意:只有当vue实例被创建时,data中存在的属性才是响应式的.后续新添加的属性不会触发视图变化. 使用 Object.freeze() 会阻止修改现有属性,也就意味着响应系统不能再追踪变化.此时强行修改 会报错. let data = { seen: true } Object.freeze(data); let app3 = new Vue({ el: '#app3', data: data }); 2.不要在选…

https://segmentfault.com/a/1190000011072725(原文)   使用vue-axios和vue-resource解决vue中调用网易云接口跨域的问题 注(api很重要,相当于拦截到api然后将api替换为index里的 target: 'http://news-at.zhihu.com/api',如果缺少了api也会报错,404,但是看出不来到底啥原因 ) 1.6 修改页面内容 我们先修改一下页面内容 src\components\Hello.vue <tem…

在IDEA中编辑struts国际化properties文件 如果手工创建的web工程,struts的i18n属性文件,可以使用native2ascii工具转换(记得命令行的第二个文件名是要保存的文件名,如果不写,不会自动修改原文件的). 如果是Eclipse,应该可以以图形化方式编辑. 如果是IDEA, 可以用如下方法编辑: 更改系统配置:Preferences–>Editor–>FileCodings,选中“Transparent native-to-ascii conversion”. 至…

1. 安装  npm i vue-ueditor --save-dev 2.从nodemodels  取出ueditor1_4_3_3 这整个目录,放入vue 的 static 目录 3.配置 ueditor.config.js 的  21行代码  更改路径   var URL = '/static/ueditor1_4_3_3/' || getUEBasePath(); (1)     serverUrl: URL + 'php/controller.php',  这里是你配置的上传内容的 u…

之前写过一篇文章 ES6与React中this完全解惑 其实Vue也是相同的道理.在Vue的官方文档中提到: 不要在选项属性或回调上使用箭头函数,比如 created: () => console.log(this.a) 或 vm.$watch('a', newValue => this.myMethod()).因为箭头函数是和父级上下文绑定在一起的,this 不会是如你所预期的 Vue 实例,经常导致 Uncaught TypeError: Cannot read property of u…

1. 什么是防抖节流 防抖:防止重复点击触发事件 首先啥是抖? 抖就是一哆嗦!原本点一下,现在点了3下!不知道老铁脑子是不是很有画面感!哈哈哈哈哈哈 典型应用就是防止用户多次重复点击请求数据. 代码实现要点:设置一个定时器,通过闭包,抓住定时器变量,控制定时器的添加和清除 直接上代码 function debounce(fn, time) { let _arguments = arguments let timeout = null return function () { if (timeou…

一.vue中解决chrome浏览器自动播放音频 需求 有新订单的时候,页面自动语音提示和弹出提示框: 问题 chrome浏览器在18年4月起,就在桌面浏览器全面禁止了音视频的自动播放功能.严格地来说,是Chrome不允许在用户对网页进行触发之前播放音频.不光是这样,在页面加载完毕的情况下,用户没有click.dbclick.touch等主动交互行为,使用js直接调用.play() 方法的话,chrome都会抛出如下错误:Uncaught (in promise) DOMException: 解决…

i18n 国际化 什么是 i18n 国际化(Internationalization)指的是同一个网站可以支持多种不同的语言,以方便不同国家,不同语种的用户访问. 希望相同的一个网站,不同人访问的时候可以根据用户所在的区域显示 不同的语言文字,但是网站的布局样式等不发生改变. 相关要素 国际化三要素: Local 对象 表示不同的时区,位置,语言 zh_CN 中国 中文 en_US 美国 英文 Properties 属性配置文件 配置文件命名规则为:baseName_local.properti…

张燕涛写于2020-01-16 星期two 本篇还是源于import和export的使用,昨天看es6入门 和MDN文档,大体上用法了解了,但今天看ElementUI源码的时候,看到 //src/index.js中export default { version: '2.15.0', locale: locale.use, i18n: locale.i18n, install, CollapseTransition, Loading, Pagination, Dialog, Autocomple…

前言:为什么要不通过路由直接获取url中的参数? vue中使用路由的方式设置url参数,但是这种方式必须要在路径中附带参数,而且这个参数是需要在vue的路由中提前设置好的. 相对来说,在某些情况下直接在url后面拼接?mid=100的方式传递参数更灵活,你不需要设置路由,只需要在url后拼接参数即可,但是这种方式就需要通过javascript获取并提取url中的参数,通过传统的方式直接在页面中获取是行不通的了,因为vue中是无法通过location.search()来获取url问号之后的内容的.…

一.vue中的自定义组件 html的代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue1</title> <script type="text/javascript" src="../vue.js"></script> </…