随笔分类 -  Vue

elementUi 组件--el-table
摘要：【需求】在element中，将表格中的数据进行处理，然后渲染出来。例如，将数据保留小数点后两位显示。 【知识点】formatter:用来格式化内容 【分析】在element 的table中，实现的过程是，数据需要绑定在 :data="tableData" 中，然后通过prop读取tableData中 阅读全文
posted @ 2017-09-13 18:48 未知小未来 阅读(8396) 评论(0) 推荐(0)
elemetUi 组件--el-upload
摘要：【需求】实现上传Excel文件，在上传到服务器时，还要附加一个参数，在请求上传文件接口前，先要进行文件格式判断。 【知识点】 1、el-upload 官方文档中，主要用到了以下属性： 2、split进行字符串截取 【分析】 阅读全文
posted @ 2017-09-13 18:21 未知小未来 阅读(25322) 评论(6) 推荐(1)
vue遇到的坑（一）——数组更新
摘要：最近在项目中遇到个问题，数组已经更新了，但是页面中的DOM并没有触发变化。我一直以来的想法就是： 既然vue实现的实时数据双向绑定，那么在model层发生了变化之后为什么就没有在view层更新呢? 在vue官方文档中，发现 其中最重要的一句话就是 如果对象是响应式的，确保属性被创建后也是响应式的，同 阅读全文
posted @ 2017-09-05 17:02 未知小未来 阅读(11558) 评论(0) 推荐(1)
vue中动态循环model
摘要：vue动态循环model与angular有所不同，angular直接定义一个数组，然后传入循环列表的index即可。 而vue不仅需要定义一个数组，还需要通过接口读出循环的数组长度，然后在create中先创建出来。 参考文章：http://blog.csdn.net/zhuming3834/arti 阅读全文
posted @ 2017-08-29 17:32 未知小未来 阅读(4448) 评论(0) 推荐(0)
elemetUi 组件--el-checkbox
摘要：【需求】实现选择右边的👉CheckBox，动态的更新下方👇的短信内容，当取消勾选，下方的短信内容也实时更新。 【知识点】 1、js获取标签属性值 2、splice(删除数组) 3、join（数组转为字符串） 4、遍历所有数组，当数组中的数值与你期望的数值相同时返回下标即可。 【分析】由于选用了e 阅读全文
posted @ 2017-08-29 17:15 未知小未来 阅读(2094) 评论(0) 推荐(0)
h5页面添加背景音乐
摘要：【需求】h5页面添加背景音乐，支持微信、QQ、各种APP。 【实现思路】1、通过audio标签，设置自动播放，是一种方法，但是此方法只适合微信、QQ，并不兼容我司的APP，需要主动触发下播放事件。 2、针对可以自动播放的渠道，通过this.audio.addEventListene监听playing 阅读全文
posted @ 2017-08-13 21:20 未知小未来 阅读(10254) 评论(0) 推荐(0)
vue jsonp解决跨域处理
摘要：1、安装vue jsonp npm i -S vue-jsonp 2、在main.js中导入vue-jsonp import VueJsonp from 'vue-jsonp' 通过use方法，挂载到vue中 vue.use(VueJsonp) 3、在组件创建create中，就可以加载数据了。第一个 阅读全文
posted @ 2017-07-25 18:53 未知小未来 阅读(18039) 评论(1) 推荐(1)
"todoList妙味"学习总结
摘要：1、v-bind 主要用于属性绑定 :class="{completed: item.isChecked}",它会将{}里面的内容解析为js表达式 2、vue提供了一组方法，对数组进行操作时，会触发视图更新，eg:push、pop、shift、unshift、splice、sort、reverse 阅读全文
posted @ 2017-07-25 17:03 未知小未来 阅读(427) 评论(0) 推荐(0)
条件渲染
摘要：效果图： 阅读全文
posted @ 2017-05-03 17:15 未知小未来 阅读(183) 评论(0) 推荐(0)
vue(三)
摘要：一、vue的特点 1、响应式的数据绑定（一旦修改了数据，立马更新视图） 数据驱动思想 （数据到视图的映射、操作数据改变视图、简化对DOM的操作） 追踪依赖变化 （ Object.defineProperty 、watcher 实例对象） 把一个普通 JavaScript 对象传给 Vue 实例的 d 阅读全文
posted @ 2017-05-03 14:40 未知小未来 阅读(309) 评论(0) 推荐(0)
vue刨坑（二）
摘要：vue实例 vue实例 每一个应用都是通过vue这个构造函数创建根实例（root instance）,启动 new vue（选项对象） 需要传入选项对象，对象包含挂载元素，数据，模板，方法等。 el:挂载元素选择器 string|htmlelement data:代理数据 object|functi 阅读全文
posted @ 2017-01-09 10:23 未知小未来 阅读(243) 评论(0) 推荐(0)
Vue刨坑
摘要：vue常见问题 1.在自定义组件里，你可以像任何普通元素一样用v for。eg1: 然而他不能自动传递数据到组件里，因为组件有自己独立的作用域。 这意味着不能并且不应该在子组件的模板内直接引用父组件的数据。可以使用 props 把数据传给子组件。 为了传递迭代数据到组件里，我们要用 props ： 阅读全文
posted @ 2016-12-21 15:29 未知小未来 阅读(198) 评论(0) 推荐(0)