vue
文章平均质量分 76
zxuanxuanz
这个作者很懒,什么都没留下…
展开
-
Vue.js2.0 九个性能优化技巧
(1)定义没有管理任何状态,也没有监听任何传递给它的状态,也没有生命周期方法,它只是一个接受一些 prop 的函数。简单来说是 一个无状态和无实例的组件。(2)基本写法1、将functional设置为true2、.vue单文件组件写法propspropchildrenVNodeslotsdataparentlistenersdata.oninjections(4)优化原理。原创 2023-10-25 14:17:06 · 121 阅读 · 0 评论 -
布局组件封装(具有展开折叠,全屏等效果)
布局组件封装原创 2022-02-28 15:15:12 · 831 阅读 · 0 评论 -
vue项目在IE浏览器下报错“ReferenceError: Promise未定义”
一、原因IE一些低版本的浏览器对于ES6语法不支持 Promise是es6语法里为了解决异步函数多重嵌套的问题 说明: 或许你并没有使用Promise,但是有可能你使用Axios等,其中原理也是Promise,进行了封装而已二、解决1、下载 babel-polyfillnpm install --save babel-polyfill2、添加代码到webpack.b...原创 2020-03-10 15:27:51 · 1209 阅读 · 0 评论 -
使用 vue-i18n 进行Vue国际化处理,使项目切换中英文
1.下载安装插件命令进入项目目录,执行以下命令安装vue 国际化插件vue-i18nnpm install vue-i18n --save2. 项目增加国际化翻译文件在项目的src下添加lang文件夹增加中文翻译文件(zh.js)以及英文翻译文件(en.js),里面分别存储项目中需要翻译的信息。en.js 英文语言包:export const m = { //...原创 2019-06-17 18:13:46 · 9017 阅读 · 4 评论 -
自适应页面(CSS3 @media 查询)
1. 介绍Media Queries能在不同的条件下使用不同的样式,使页面在不同在终端设备下达到不同的渲染效果。@media 媒体类型and (媒体特性){你的样式}注意:使用Media Queries必须要使用“@media”开头,然后指定媒体类型(也可以称为设备类型),随后是指定媒体特性(也可以称之为设备特性)。媒体特性的书写方式和样式的书写方式非常相似,主要分为两个部分,第一个...转载 2019-06-18 17:05:02 · 2437 阅读 · 0 评论 -
使用qrcode.js将URL转化为二维码图片
1.下载qrcode.js并引入2.绑定容器<!-- 二维码容器 --><div class="erweima" id="qrcode" style="width: 210px;margin:15px auto"></div>3.生成二维码 qrcode(){ let that = this; let qrcod...原创 2019-06-12 11:46:20 · 7041 阅读 · 0 评论 -
移动端H5页面 使用 URL Scheme 唤醒 APP
1.URL Schemes[scheme]://[host]/[path]?[query]2.使用下面代码,Android使用iframe唤起,ios采用window.location.href唤起。// 分享课程 shareAlbum() { let params = { ...原创 2019-06-17 15:58:21 · 10109 阅读 · 0 评论 -
vue使用this.$refs.xx在mounted中获取DOM元素为undefined
(1)原因:如果在 DOM 结构中的某个 DOM 节点使用了v-if、v-show或者v-for(即根据获取到的后台数据来动态操作 DOM,即响应式),那么这些 DOM 是不会在mounted阶段找到的。mounted 阶段,一般是用于发起后端请求,获取数据,配合路由钩子做一些事情。简单来说就是在 mounted 钩子中加载数据而已,加载回来的数据是不会在这个阶段更新到 DOM ...原创 2019-04-17 16:13:10 · 28111 阅读 · 8 评论 -
vue轮播图插件---vue-awesome-swiper
官网:https://3.swiper.com.cn/api/start/2014/1218/140.htmlgihub:https://github.com/surmon-china/vue-awesome-swiper/tree/v2.6.7(1)为了保证整个项目的稳定性,安装2.6.7版本。npm install vue-awesome-swiper@2.6.7 --save...原创 2019-04-17 15:44:17 · 660 阅读 · 0 评论 -
vscode中iview标签报错x-invalid-end-tag
这是vetur中eslint的问题,在vscode菜单中,文件->首选项->设置->搜索vetur.validation.template,去掉勾选即可原创 2019-04-17 14:08:40 · 667 阅读 · 0 评论 -
vue移动端H5页面复制邀请码(clipboard插件以及document.execCommand)
一.clipboard插件官网链接:https://clipboardjs.com/1.安装(1)方法1:引入clipboard.js插件(2)方法2:使用npmnpm install clipboard --save或npm install clipboard.js --save-dev2.引入如果是vue文件,只需要在相关的组件中进行clipboard....原创 2019-04-17 11:45:36 · 3505 阅读 · 0 评论