Web端使用Vue框架开发，记录一些细节点

1、input设置radio类型时，不显示圆圈，只需要设置

style="display:none"

2、使用El-Table时，如果想要表单靠左侧

• 只需在中设置fixed="left" width="50"即可进行更改。

3、position:absolute; 绝对定位，如果要在按钮右下角设置打钩图标，需要用到绝对定位，如下设置：

.gouxuan {
  position: absolute;
  font-size: 30px;
  right: 0;
  bottom: 0;
  color: #03aaed;
}

• 会看到显示的是相对于浏览器来定位的，如果要在按钮空间能定位，需要在按钮最外层有position属性设置才行，所以这里加上默认设置position:relative即可。

4、当鼠标指针在按钮区域时，指针变成小手样式，增加点击体验

• 只需在CSS样式中添加cursor: pointer。

5、input标签type为number时怎么去除加减按钮。

6、父组件与子组件之间传值：since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "currentIndex"。

• 在Vue2中组件的props的数据流动改为了只能单向流动，即只能由组件外（调用组件方）通过组件的DOM属性attribute传递props给组件内，组件内只能被动接收组件外传递过来的数据，并且在组件内，不能修改由外层传来的props数据。vue不推荐直接在子组件中修改父组件传来的prop的值，如果要避免这个抛出错误，需要通过事件派发来处理。(https://segmentfault.com/q/1010000008692370）(https://cn.vuejs.org/v2/guide/components-custom-events.html)

7、段落中不进行换行

white-space: nowrap

8、分页模块，位置设置靠右，只需要设置text-align: right即可。

       

              

                
                
              
            

 .pagination-wrapper {
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
          margin-top: 16px;
          width: 100%;
          .pagination {
            margin-right: 12px;
            text-align: right;
          }
        }Ï

9、element ui 怎么修改单独一个label的颜色

10、文字下划线

          border-bottom: 1px solid #1ba261;
          // 下划线距离文字的间隔
          padding-bottom: 1px;

11、当使用v-if时，有时会出现视图无法及时响应，所以需要使用：

this.$nextTick(() => {})

12、Vue中，当移动鼠标至文字位置时，文字颜色会改变，鼠标移出时，文字颜色变回之前默认的颜色。

  编辑

  ...
  methods: {
    onEditMouseover () {
      this.editTextColor = true
    },
    onEditMouseout () {
      this.editTextColor = false
    }
}

13、修改elememt-ui中中label的文本的颜色

         
              用户名