2021年06月_BiangBaing

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 Vue完成标签页组件

很多组件库都有类似组件，但是我觉得对于前端来说，不只是只会使用组件而已。完成效果需要文件 Vuejs_actual_tabs.vue ：标签页切换头 Vuejs_actual_pane.vue：标签页显示内容 style.css moduleApply.vue ：使用页面 Vuejs_actual_tabs.vue <template> <div class="tabs"> <div class="tabs-bar"> <div

2021-06-18 18:01:12 1535 2

原创使用vue完成input框的计算组件

页面第一个input展示当前数字，第二个input可以自定义加或减多少，默认为0 支持键盘上下按键加减子组件 <template> <div class="input-number"> <input v-model="currentValue" onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" :max="max" :min="min" @keyu

2021-06-17 18:27:46 1301

转载如何在HTML中限制input 输入框只能输入纯数字

原文链接 https://blog.csdn.net/w6990548/article/details/79388905 <input v-model="currentValue" :max="max" :min="min" @keyup.38="topUp" @keyup.40="bottomUp" oninput="currentValue=currentValue.replace(/[^\d]/g,'')" style=.

2021-06-17 16:43:05 181

转载 input框type设置为number仍可以输入字母e

原文链接： https://blog.csdn.net/qq_35371323/article/details/96313117

2021-06-17 16:28:09 983

转载 Vue安装less踩坑

less安装 1.安装less和less-loader npm install less less-loader --save-dev 2.安装成功后，打开build/webpack.base.conf.js ，在module.rules 中添加一段： module.exports = { /*...省略*/ module: { rules: [ /*...省略*/ { test: /\.less$/, loader: "style-l

2021-06-02 17:10:30 277