John的博客

用sessionStorage 存储数据

//根据指定字段 规则排序 这里是获取时间的时间戳然后比较 function sortData(a, b){ return new Date(b.submissionTime).getTime() - new Date(a.submissionTime).getTime() } //注意 vue调用时 要把这个方法写道vue外 //调用 let aaa = [{'id':1, 'submissionTime':"2022-03-02 02:02:00"}, ...

vue是双向绑定的 理论上来说说句变动后视图层会响应，但有时可能因某些原因 数据变化后组件视图层未响应 参考Vue的文档：https://cn.vuejs.org/v2/guide/list.html#%E6%B3%A8%E6%84%8F%E4%BA%8B%E9%A1%B9 使用 Vue.set()函数 如： //对象 Vue.set(object, propertyName, value) //数组 vm.$set(vm.items, indexOfItem, newValue) ......

主要功能： 根据坐标显示 根据位置显示 效果图： 1. 官网注册认证 并申请key 官网地址https://lbs.qq.com/ 2. 引入 npm install qqmap --save import maps from "qqmap" 3. 使用 html： <div id="container" style=" width: 800px; height:400px; margin: 0 auto"> data： //腾讯地图 map: null

1、父组件可以使用 props 把数据传给子组件。 2、子组件可以使用 $emit 触发父组件的自定义事件。 vm.$emit( event, arg ) //触发当前实例上的事件 vm.$on( event, fn );//监听event事件后运行 fn； 例如：子组件： <template> <div class="train-city"> <h3>父组件传给子组件的toCity:{{sendData}}</h3> <br/&g

因为 ref 本身是作为渲染结果被创建的，在初始渲染的时候你不能访问它们 - 它们还不存在！$refs 也不是响应式的，因此你不应该试图用它在模板中做数据绑定。 只有等页面加载完成好之后你才能调用 this.$refs ，如果你使用v-if /v-for渲染页面的话，那么在刚开始页面没没渲染之前你是拿不到this.$refs 的，所以要等到页面渲染之后拿才可以 解决办法： 如果你在created/mounted里获取this.$refs，因为dom还未完全加载，所以你是拿不到的， update阶段则是完