业务要求，tab切换栏宽度固定，长了的话加滚动条，要求通过点击事件控制左右移动目前想到的是控制滚动条移动就行了，使用scrollTo方法,<div class="layout" id="out"><div class="b">标题1</div><div class="b">标题2</div><div class="b">标题3

1、问题描述页面中下拉框内容太多，需要换行，然而在style中添加scoped后就不换行了。2、scoped属性分析vue中引入了scoped这个概念，设计思想就是让当前组件的样式不会修改到其他页面的样式，使用了data-v-hash的方式来使css有了他对应的模块的标识，通俗来说就是使用了scoped属性，template里面的html都会多一个data-v-hash的属性，css 选择器会根据

我是接手别人的项目，在运行项目后发现这个问题，在经过度娘操作后，使用try catch尝试后，发现在try中无法运行代码，反而在catch中捕捉到了接口返回的数据，这让人蒙圈。没有思路后继续百度，发现有解决这个问题的博客（https://blog.csdn.net/qq_22701869/article/details/107816023）发现在vue 拦截器的配置中有根据后端返回的状态码进行判断

1.下载lib-flexiblenpm i lib-flexible --save2.引入lib-flexibleimport 'lib-flexible/flexible'3.设置meta标签<meta name="viewport" content="width=device-width, initial-scale=1.0">4.安装px2rem-loadernpm instal

读取excel文件

目前没找到vue3 的刻度尺插件，在网上找了一个用canvas写的，改改东西，就满足要求了。这是ruler.js文件，封装成js文件，调用即可。接下来，在vue中引入，然后使用。

vue 方法执行顺序

如果在data中没有定义对象中某些属性，对象新增某些属性时，使用赋值办法，能改变数据，但视图不更新。遇到这种情况，使用set方法，既能改变数据，也能更新视图简单的例子data () {return {person: {name: '',sex: ''}}}//正确写法：this.$set(this.data,”key”,value’)mounted () {this.$