在vue项目中实现横向拍摄的切换非常简单。我们只需要在css文件中添加一个横向样式即可。

/* 横向样式 */
.horizontal {
  flex-direction: row;
}

/* 竖向样式 */
.vertical {
  flex-direction: column;
}

然后，在模板文件中添加一个按钮，通过点击按钮来切换拍摄方向。

接着在js文件中定义一个变量isHorizontal，初始值为false，点击按钮时将其取反。同时，给container容器加上一个动态class，根据isHorizontal的值来选择样式。

这样，点击按钮时就能够实现横向和竖向拍摄的切换了。