messenger-row中加align-items: stretch;就能实现我要求的功能，但就是太诡异了，我在另一个测试工程也这么写的就没有问题：
<view class="border-left-view">
	<view class="border-left" style="margin-top: 80rpx;margin-bottom: 40rpx;"></view>
	<view class="right-box">
		<view class="m-top">信息1</view>
		<view class="m-top">信息2</view>
	</view>
</view>

	.border-left-view {
		display: flex;
		flex-direction: row;
		box-sizing: border-box;


	}


	.right-box {
		// height: 300rpx;
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
		padding: 20rpx 40rpx;
	}


	$arrow-line-color:#818181; /*线颜色*/
	$arraw-width:9px;			/*剪头宽度，奇数*/
	$arrow-line-width:1px;		/*线宽度*/
	.border-left {
		width: $arrow-line-width;


		display: flex;
		box-sizing: border-box;
		background-color: $arrow-line-color;
		position: relative;
		flex-shrink: 0;
	}


	.border-left:before {
		content: "";
		position: absolute;
		width: $arraw-width;
		height: $arraw-width;
		border-radius: 50%;
		background-color: $arrow-line-color;
		left: -($arraw-width - $arrow-line-width) /2;
		top: 0px;
	}


	.border-left:after {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		border: $arraw-width /2  solid transparent;
		border-top-color: $arrow-line-color;
		left: -($arraw-width - $arrow-line-width) / 2;
		bottom: -$arraw-width;
	}
 上面的right-box设置成row或column都没有问题，border-left会显示一个带起始点的向下的箭头线段，高度随右边的view的高度自动调整的

<view class="v-bar"></view>
.v-bar

使用了 flxe 布局 ， flxe 布局必须设置高度 或者里面有元素能撑起高度。

外层得有高度。