首页 > 其他分享 >vue设置input不可编辑切换

vue设置input不可编辑切换

时间:2023-03-23 10:55:28浏览次数:41  
标签:vue false diasabledInput 切换 设置 input

<a-input name="a" v-model="formValidate.coName" placeholder="请输入姓名" v-bind:disabled="diasabledInput"></a-input>
export default {
       
     data () {
            return {
                diasabledInput:false,
            }
     },
     methods: {
            handleSubmit:function () {
                 if(this.diasabledInput){
                      this.diasabledInput=false;
                 }else{
                      this.diasabledInput=true;
                 }
            }
     }     
}

标签:vue,false,diasabledInput,切换,设置,input
From: https://www.cnblogs.com/henuyuxiang/p/17246646.html

相关文章

  • Vue3中KeepAlive的使用
      我们在开发一个功能是,经常会遇到从一个列表页面,点击列表项跳转到详情页面的需求,理想的情况下,从详情页面返回到列表页,应该回到跳转前的状态,可以继续浏览其他内容;但是在......
  • Vue进阶(二十五):<component>实现动态组件
    一、前言<component>元素是vue里面的内置组件。在<component>里面使用:is,可以实现动态组件的效果。二、示例解析下面例子创建一个包含多子组件的vue实例。vue......
  • 在基于vue-next-admin的Vue3+TypeScript前端项目中,为了使用方便全局挂载的对象接口
    在基于vue-next-admin 的Vue3+TypeScript前端项目中,可以整合自己的.NET后端,前端操作一些功能的时候,为了使用方便全局挂载的对象接口,以便能够快速处理一些特殊的操作,如......
  • vue学习笔记01
    vue3带来的变化vue3的发布时间2020/09/19。优点:更好的性能、更小的包体积、更好的TypeScript集成、更优秀的API设计。optionsAPI->CompositionAPI,由选项API......
  • Vue.js 具名插槽
    视频componentsCategray.vue<template> <divclass="category"> <h3>{{title}}分类</h3> <!--定义一个插槽(挖个坑,等着组件的使用者进行填充)--> <slotname="ce......
  • Vue.js 默认插槽
    默认插槽视频componentsCategray.vue<template> <divclass="category"> <h3>{{title}}分类</h3> <!--定义一个插槽(挖个坑,等着组件的使用者进行填充)--> <slot>......
  • Vue3学习笔记 —— 状态管理、Vuex、Pinia (未完结)
    优秀文章分享:vue中使用vuex(超详细)-掘金(juejin.cn)一、状态管理1.1、什么是状态管理?理论上来说,每一个Vue组件实例都已经在“管理”它自己的响应式状态了。我们以......
  • vue中设置input输入框的值为正整数,不能为负数和小数
    importVuefrom'vue'Vue.directive('Int',{bind:function(el){constinput=el.getElementsByTagName('input')[0]input.onkeyup=function(e){......
  • vue中van-picker的选项插槽使用方法
    van-picker的内部选项怎么来自定义首先要确保 VantUI 的版本在2.10.0以上然后利用插槽slot来实现,在Vant里插槽有一个进阶用法 #<van-picker:show-toolbar="fal......
  • Docker切换国内镜像地址
    1.查看是否有daemon.json文件 /etc/docker/daemon.json2.如果没有请创建此文件,添加一下内容{"registry-mirrors":["http://hub-mirror.c.163.com"]}......