小编Jav*_*cke的帖子

在文本框中键入最后一个数字时,第一个数字会进入

当我输入最后一个数字时,第一个数字进入text-box(它消失)里面,它增加了一个额外的空格。

在此处输入图片说明

在此处输入图片说明

在我点击外部后,text-box它看起来不错,这是我在输入最后一个字符时需要的。 在此处输入图片说明

  #number_text {
        padding-left: 9px;
        letter-spacing: 31px;
        border: 0;
        background-image: linear-gradient(to right, #e1e1e1 70%, rgba(255, 255, 255, 0) 0%);
        background-position: left bottom;
        background-size: 38px 1px;
        background-repeat: repeat-x;
        width: 220px;
        box-sizing: border-box;
        outline:none;
    }
Run Code Online (Sandbox Code Playgroud)
<input type="text" id="number_text" maxlength="6"  pattern="\d{6}" value="1234" >
Run Code Online (Sandbox Code Playgroud)

帮助我摆脱这个问题。谢谢

html javascript css jquery

15
推荐指数
1
解决办法
528
查看次数

vue-router 不渲染组件,而是更改 this.$router.push 上的 url

我试图在按下按钮后重定向到菜单,我已经按照本教程进行操作, 但它不起作用,

当按下我的按钮时,url 会更新,但保持在相同的视图中,它还将/#/添加到我的 url 中,而不是按照我在 routes.js 中编码的内容进行操作

我在控制台上收到下一个错误

 Uncaught (in promise) 
NavigationDuplicated {
_name: "NavigationDuplicated", 
name: "NavigationDuplicated", 
message: "Navigating to current location ("/menu") is not allowed", stack:
Run Code Online (Sandbox Code Playgroud)

当按下按钮时,url 变成http://localhost:8080/#/menu而不是 http://localhost:8080/menu

如果我手动输入网址http://localhost:8080/menu就会变成这个 http://localhost:8080/menu/#/

请帮忙,我对 vuejs 还很陌生

这是我项目的结构

在此处输入图片说明

主文件

import Vue from 'vue'
import App from './App.vue'
import VueRouter  from 'vue-router'
import vuetify from './plugins/vuetify'
import routes from './routes'
import 'roboto-fontface/css/roboto/roboto-fontface.css'
import '@mdi/font/css/materialdesignicons.css'

Vue.config.productionTip = false
Vue.use(VueRouter)
const router = new VueRouter({routes});

new Vue({ …
Run Code Online (Sandbox Code Playgroud)

vue.js vue-router vue-component vuejs2

6
推荐指数
1
解决办法
4404
查看次数

标签 统计

css ×1

html ×1

javascript ×1

jquery ×1

vue-component ×1

vue-router ×1

vue.js ×1

vuejs2 ×1