vue/js 弹性盒子布局内容超出‘按钮’控制左右滑动

javascript或者vue方法封装实现：某块内容水平超出范围，可使用左右按钮控制左右滑动显示隐藏的内容；

html部分：

<div class="item-evel posrev"> 
	<div class="jtbox">
		<div class="jtbox-div">
			<ul class="jt-price">
				<li>
					<p class="item-jt-qd">￥<span class="font-size18">{
  {item.wholesale_price}}</span></p>
					<p class="item-jt-sm"  v-if="item.sunit&&item.startn">
						{
  {item.startn}}<span v-if="item.startt==1 && item.bunit_name" v-text="item.bunit_name"></span>
						<span v-else-if="item.sunit_name" v-text="item.sunit_name"></span>起订
					</p>
				</li>
				<template v-for="i,k in item.level">
					<li v-if="k==item.l