随笔分类 -  vue

摘要:Vue+cordova开发App https://www.imooc.com/article/70062 阅读全文
posted @ 2019-05-14 16:19 zhaobao1830 阅读(184) 评论(0) 推荐(0)
摘要:一、Dialog对话框 1、在使用嵌套Dialog的时候,会出现遮罩层在内容的上方这种错乱情况 解决办法:http://element-cn.eleme.io/#/zh-CN/component/dialog 给内层的Dialog添加append-to-body属性,设置为true 二、Table 阅读全文
posted @ 2019-04-12 14:54 zhaobao1830 阅读(821) 评论(0) 推荐(0)
摘要:https://blog.csdn.net/qq_41861679/article/details/80659278 https://cn.vuejs.org/v2/api/#key 其实不只是vue,react中在执行列表渲染时也会要求给每个组件添加上key这个属性。 要解释key的作用,不得不先 阅读全文
posted @ 2019-04-09 23:36 zhaobao1830 阅读(235) 评论(0) 推荐(0)
摘要:1、组件的属性 例子: title是原生属性,当inheritAttrs为false时,原生属性不显示 2、事件 3、插槽 4、如何触发组件的更新 Vue在实例化的时候,会对Data里的数据进行getter和setter的转化(说白了就是对这个数据进行一层代理,不管是获取数据还是设置数据的值,都会经 阅读全文
posted @ 2019-03-28 22:56 zhaobao1830 阅读(194) 评论(0) 推荐(0)
摘要:参考地址:https://mp.weixin.qq.com/s?__biz=Mzg5ODA5NTM1Mw==&mid=2247483872&idx=1&sn=46ef19220005379f8e2f3ff21b0ed1b9&chksm=c0668076f7110960d3b77f7ebb57f872 阅读全文
posted @ 2019-03-26 08:28 zhaobao1830 阅读(152) 评论(0) 推荐(0)
摘要:参考:https://gitee.com/hjm100/codes/46towe9v28a1bxfqhc7kl34 Vuex虽然能存储数据,但是一刷新就没有了,如果要实现数据持久化,就需要用vuex-persist 安装:npm install vuex-persist --save-dev sto 阅读全文
posted @ 2019-03-24 23:25 zhaobao1830 阅读(627) 评论(0) 推荐(0)
摘要:.icons overflow: hidden height: 0 padding-bottom: 50% background: green 阅读全文
posted @ 2019-03-24 15:39 zhaobao1830 阅读(1305) 评论(0) 推荐(0)
摘要:这是vue.config.js里的配置 使用的时候,要在别名前面加上~,这样就会告知加载器这是一个模块,而不是绝对路径 记住,在script部分或者js里引入的时候,不需要加 ~,直接用别名就行 只有在template和style里引入的时候需要加 例子: 有个小问题,使用webstrom开发的时候 阅读全文
posted @ 2019-03-19 13:30 zhaobao1830 阅读(2554) 评论(0) 推荐(0)
摘要:链接:https://panjiachen.github.io/vue-element-admin-site/zh/ 阅读全文
posted @ 2019-03-18 15:41 zhaobao1830 阅读(995) 评论(0) 推荐(0)
摘要:1、在封装一个公用组件,比如button按钮,我们多个地方使用,不同类型的button调用不同的方法,我们就可以这样用 代码片段: methods里面 阅读全文
posted @ 2019-03-15 11:12 zhaobao1830 阅读(222) 评论(0) 推荐(0)
摘要:使用vue-cli创建项目后,再main.js里面有这样一段代码: render函数是渲染一个视图,然后给el挂载,如果没有render那页面什么也不会显示 最原始的: 缩写: (这里的h就是createElement的缩写) 再缩写: 使用ES6箭头函数 例子: 第一个this.tag表示标签名, 阅读全文
posted @ 2019-03-13 10:51 zhaobao1830 阅读(514) 评论(0) 推荐(0)
摘要:官网:https://better-scroll.github.io/docs/zh-CN/ 与better-scroll有关的文档:https://juejin.im/post/5e40f72df265da5732551bdf#heading-5 1、在项目中发现个问题,用better-scrol 阅读全文
posted @ 2018-12-28 21:34 zhaobao1830 阅读(1823) 评论(0) 推荐(0)
摘要:这都是使用Vue做项目的时候,发现的知识点,现在记录下来 1、单元素/组件的过渡 transition API: https://cn.vuejs.org/v2/guide/transitions.html Vue 提供了 transition 的封装组件,在下列情形中,可以给任何元素和组件添加进入 阅读全文
posted @ 2018-12-18 11:24 zhaobao1830 阅读(292) 评论(0) 推荐(0)
摘要:1、router.js里面 参考地址: https://router.vuejs.org/zh/guide/advanced/lazy-loading.html 把组件按组分块 (webpackChunkName的妙用) 有时候我们想把某个路由下的所有组件都打包在同个异步块 (chunk) 中。只需 阅读全文
posted @ 2018-12-14 17:12 zhaobao1830 阅读(1624) 评论(0) 推荐(0)
摘要:阿里云Web播放器Web端使用SDK说明:https://help.aliyun.com/document_detail/51991.html?spm=5176.11065259.1996646101.searchclickresult.15a92458LoTQhA vue项目中要使用阿里云的播放器 阅读全文
posted @ 2018-11-23 10:53 zhaobao1830 阅读(641) 评论(0) 推荐(0)
摘要:1、目录结构 模板文件是public里的index.html,运行项目的时候,会引用src/main.js(入口文件) 详细文档在这里:https://cli.vuejs.org/zh/config/#pwa public:放着html模板和静态资源,public/index.html 文件是一个会 阅读全文
posted @ 2018-11-18 17:18 zhaobao1830 阅读(10915) 评论(5) 推荐(2)
摘要:在项目中要实现多行省略,-webkit-line-clamp: 2;打包后不生效,使用下面的方法: 1、安装依赖这个依赖:npm i -S optimize-css-assets-webpack-plugin 2、并且注释掉webpack.prod.conf.js中的一段代码: 阅读全文
posted @ 2018-10-17 10:33 zhaobao1830 阅读(4841) 评论(0) 推荐(0)
摘要:项目中,使用V-html渲染的页面,要添加样式,改如何做 解决方案1:在updated生命周期函数中,js动态配置样式,代码如下: 解决方案2:去掉style标签中的scoped属性(我用的这种) scoped属性导致css仅对当前组件生效(用css3的属性选择器+生成的随机属性实现的),而html 阅读全文
posted @ 2018-10-17 10:29 zhaobao1830 阅读(1907) 评论(0) 推荐(0)
摘要:项目中遇到这样的需求,后端返回的是字符串,在vue用v-html显示,里面有style样式,要去除style 在v-html中使用filters,和平时的不一样,推荐项目的方法,定义一个全局的过滤方法 使用上面的这种方法,就可以了 阅读全文
posted @ 2018-10-17 10:18 zhaobao1830 阅读(4556) 评论(1) 推荐(1)
摘要:项目中要实现分享功能,现在各种接口都关闭了,而且不同的浏览器要使用不同的代码,最后决定直接复制url,然后手动分享 Vue中使用了vue-clipboard2 github地址:https://github.com/Inndy/vue-clipboard2 例子: main.js引入 组件中的代码: 阅读全文
posted @ 2018-09-29 17:08 zhaobao1830 阅读(8820) 评论(0) 推荐(0)