Vue
文章平均质量分 54
小乔FEer
这个作者很懒,什么都没留下…
展开
-
Vue大括号字符换行踩的坑
最近遇到这样一个问题,在页面上要显示一段自定义的文本,文本如果较长的话需要换行显示。在HTML中可以通过标签换行,也可以通过\n转义字符换行在Vue中用大括号显示的变量,加会直接被当成字符串显示出来,加\n显示一个空格,加\r\n显示两个空格,因为{{}}}是文本插值,内部都会按照普通字符串进行处理,可以用v-html进行显示如下显示name变量data() { retu原创 2017-07-14 10:48:20 · 18135 阅读 · 3 评论 -
v-html中使用filters
Vue2.0的过滤器只能应用在{{ }}和v-bind中,不再支持v-html中使用,如果要在v-html中使用过滤器,怎么办呢?解决方法有三种:1、使用全局方法定义方法methods: { formatTrend(val) { let trend = 'up'; if(val.indexOf('-') > -1){ trend =原创 2017-07-14 10:54:42 · 6548 阅读 · 0 评论 -
Vue父子组件通信实践
1、父组件通知子组件2、子组件通知父组件原创 2017-07-17 17:14:41 · 676 阅读 · 0 评论 -
vue-router动态设置页面title
由于用Vue框架开发的应用是SPA(单页面应用),采用的是路由的形式,没有所谓的页面,所以想让网页的标题随着路由的改变而改变,可以使用document.title = ×××来改变网页标题。但是在IOS APP里这种方式不起作用,原因是在IOS webview中网页标题只加载一次,动态改变是无效的。解决方案是在路由切换完成之后,静默加载一个空的iframe动态设置titleutil原创 2017-07-14 09:58:55 · 12048 阅读 · 2 评论 -
vue-cli脚手架构建Vue项目及相关配置
Vue是移动端H5开发比较流行的一个MVVM框架,它是以数据驱动的,不需要像jQuery那样操作DOM,而是通过将DOM和数据绑定,利用Object.defineProperty中的setter/getter代理数据,监控对数据的变化,当数据改变时更新DOM。Vue项目构建有两种方式,构建大型应用时推荐使用命令行工具构建:1、直接<script>标签引入2、vue-cli命令行工具vu...原创 2017-07-13 19:47:12 · 4139 阅读 · 0 评论 -
vue rem移动端自适配-引入flexible
1. 安装lib-flexiblenpm i lib-flexible --save2. 在项目入口文件main.js里引入lib-flexibleimport 'lib-flexible/flexible.js'3. 通过vscode插件cssrem 配置vscode,文件 -> 首选项 -> 设置,在用户设置里添加如下配置// 基础的font-原创 2018-01-29 11:46:56 · 2790 阅读 · 0 评论