课程：

• 1、vue使用高德定位在安卓手机上能够正常提示授权并获取定位，在ios12报错怎么处理？
• 2、vue ref 如何设置定位position
• 3、vue2.0中怎么做锚点定位
• 4、如何解决vue中css中绝对定位？
• 5、怎么用Vue做一个有定位功能的配送系统
• 6、vue页面的元素定位问题？

vue使用高德定位在安卓手机上能够正常提示授权并获取定位，在ios12报错怎么处理？

vue使用高德定位在安卓手机上能够正常提示授权并获取定位，在ios12报错：get geolocation faild . get iplocation faild，采用的是npm安装高德组件

vue ref 如何设置定位position

首先介绍下触发整个动作的逻辑，为了方便理解，借用上面的线框图来说明：

projectList.vue是职位列表，其中每个职位对应的条目封装成了order-project-item.vue，点击order-project-item.vue后，会触发事件全局的expandOrderPreview

order-project-preview.vue作为一个常驻在界面右侧的组件，默认是收起在屏幕右侧的，在侦听到了expandOrderPreview事件以后，会从右侧弹出

next-bar-affix.vue作为order-project-preview.vue底部的子组件，会一起出现和消失

vue2.0中怎么做锚点定位

可以透过 vue-router 里面的 scrollBehavior 实现

前提是你是使用 History 模式

html 部分就是按照你贴出来的图

// 例子，自行对应到你项目的代码

const router = new VueRouter({

routes,

mode: 'history',

scrollBehavior (to, from, savedPosition) {

// 如果你的连结是带 # 这种

// to.hash 就会有值(值就是连结)

// 例如 #3

if (to.hash) {

return {

// 这个是透过 to.hash 的值来找到对应的元素

// 照你的 html 来看是不用多加处理这样就可以了

// 例如你按下 #3 的连结，就会变成 querySelector('#3')，自然会找到 id = 3 的元素

selector: to.hash

}

}

}

})

如何解决vue中css中绝对定位？

只要父级元素设了position并且不是static（默认），那么设定了absolute的子元素即以此为包含块（最近的）。 绝对定位（Absolute positioning）元素定位的参照物是其包含块，既相对于其包含块进行定位，不一定是其父元素。

怎么用Vue做一个有定位功能的配送系统

如果是淘宝或天猫，请在你现在加锚点的位置上方加入空table在里面建立锚点，就可以了！

vue页面的元素定位问题？

您好，你的问题，我之前好像也遇到过，以下是我原来的解决思路和方法，希望能帮助到你，若有错误，还望见谅！只要父级元素设了position并且不是static（默认），那么设定了absolute的子元素即以此为包含块（最近的）。 绝对定位（Absolute positioning）元素定位的参照物是其包含块，既相对于其包含块进行定位，不一定是其父元素。非常感谢您的耐心观看，如有帮助请采纳，祝生活愉快！谢谢！