相关疑难解决方法(0)

如何根据Vue数据使输入字段只读？

例如:

<select class="form-control" 
        id="selectCategory" 
        :disabled="cat_id >= 
            1" 
        name="cat_id">

我想让字段只读,但不禁用.我怎样才能做到这一点？

我有 2 个网址

• /register

• /register?sponsor=4

该/register路由将给我一个干净的输入文本，我可以在其中输入所有内容
，第二个路由将带来相同的输入，但它的值为 4 并且它被禁用，因此用户无法修改它。
我设法使用 vue-router 从路由器动态获取参数，一切都很好，
但是当我访问时，/register我得到了干净的输入，但是一旦我开始输入，输入就会被禁用，我只能输入一个字符。
这是我到目前为止尝试过的，
HTML：

<input :disabled="sponsor ? true : false" v-model="sponsor" id="sponsor" type="number" class="form-control" name="sponsor" value="" required tabindex="14">  

Javascript Vuejs

<script type="text/javascript">
    var router = new VueRouter({
        mode: 'history',
        routes: []
    });
    new Vue({
        router,
        el: '#app',
        data () {
            return {
                cities: [],
                city: '',
                selectedCountry: '',
                sponsor: null
            }
        },
        mounted: function() {
            if (this.$route.query.sponsor) {
                this.sponsor = this.$route.query.sponsor
                console.log(this.sponsor)
            }
        },
        methods: …

我想,当禁用按钮currentpage是firstpage:

该按钮正确禁用,但单击时路径仍会更改.

JavaScript的

checkDisable() {
  if (this.currentPage==1) {
    document.getElementById("previousBtn").disabled = true;
  }
}

vue js

<router-link :to="{ name: 'products', params: {page: currentPage-1 }}">
   <button id="previousBtn" class="btn btn-default" v-bind="checkDisable()">
     Previous
   </button>
</router-link>