棘手的问题input:当在严格模式中使用 Vuex 时,在属于 Vuex 的 state 上使用 v-model,input

用“Vuex 的思维”去解决这个问题的方法是:给 <input> 中绑定 value,然后侦听 input 或者 change事件,在事件回调中调用 action

 取到值:selectedAreaAttr

...mapState('meetingLayout', {selectedAreaAttrAlias: state => state.selectedAreaAttr
})

 绑定渲染值:

<input :value="selectedAreaAttrAlias.areaName" @input="handleChangeAreaTitle">

 改变vuex值:

handleChangeAreaTitle (value) {console.log(value)this.changeAreaTitleAlias(value)
}

棘手的问题input:当在严格模式中使用 Vuex 时,在属于 Vuex 的 state 上使用 v-model,input相关推荐

  1. html的input不可编辑状态,HTML中让表单input不可编辑的方法

    HTML中让表单input不可编辑的方法,有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使 的内容,"中国"两个字不可以修改.表单input不可编辑的方法实现 ...

  2. 设置HTML中input标签的只读模式

    在html中有两个设置只读的属性: 1.readOnly  可获取值,不可输入值,可回填值: 2.disabled   不可获取,不可输入值,可回填值: 1.基本操作 设置只读: <!--设置d ...

  3. 基于Metronic的Bootstrap开发框架经验总结(5)--Bootstrap文件上传插件File Input的使用...

    Bootstrap文件上传插件File Input是一个不错的文件上传控件,但是搜索使用到的案例不多,使用的时候,也是一步一个脚印一样摸着石头过河,这个控件在界面呈现上,叫我之前使用过的Uploadi ...

  4. (转)基于Metronic的Bootstrap开发框架经验总结(5)--Bootstrap文件上传插件File Input的使用...

    http://www.cnblogs.com/wuhuacong/p/4774396.html Bootstrap文件上传插件File Input是一个不错的文件上传控件,但是搜索使用到的案例不多,使 ...

  5. Bootstrap文件上传插件File Input的使用

    1.文件上传插件File Input介绍 这个插件主页地址是:http://plugins.krajee.com/file-input,可以从这里看到很多Demo的代码展示:http://plugin ...

  6. (札记)Altera Stratix IV系列FPGA TRUE LVDS RX input termination 在Quartus工程中的设置方法...

    Altera Stratix IV系列FPGA Row bank的TRUE LVDS_RX支持oct(on chip termination),所以设计的时候不需要外接一个100ohm电阻.备注:我使 ...

  7. 为什么pytorch mode = sequential() 为何model(input)这样调用就直接执行了forward

    pytorch mode = sequential() 为何model(input)这样调用就直接执行了forward https://www.cnblogs.com/ailitao/p/117875 ...

  8. Wake-On-LAN待机或休眠模式中唤醒

    Wake-On-LAN简称WOL,是一种电源管理功能:如果存在网络活动,则允许设备将操作系统从待机或休眠模式中唤醒.许多主板厂商支持IBM提出的网络唤醒标准.该标准允许网络管理员远程打开PC机电源,以 ...

  9. 译-在Python正则模式中search()和match()的区别是什么?

    问:在Python正则模式中search()和match()的区别是什么? 我已经阅读了现有的相关文档,但是我总是记不住,碰到类似的问题,我还要不断地查找再学习,我希望某个大神能够给个清晰的案例,让我 ...

最新文章

  1. 《算法竞赛中的初等数论》(三)正文 0x30 积性函数(ACM / OI / MO)(十五万字符数论书)
  2. MySQL5.5和MySQL5.6授权区别
  3. freeglut中提供的几种立体几何对象绘制的android移植
  4. 从构建分布式秒杀系统聊聊验证码
  5. 【codeforces 766E】Mahmoud and a xor trip
  6. php ajax 时间戳,获取时间戳 和 备用ajax案例
  7. sns.distplot图例标注怎么添加_百度地图API图标、文本、图例与连线
  8. ubuntu 下载mysql8_mysql8.0 ubuntu 安装
  9. 关于Stateflow中chart输入事件的激活
  10. Public key for mysql....rpm is not installed
  11. 使用RMAN创建复制数据库
  12. Java用观察者模式重构复杂的业务代码
  13. 文本自动摘要任务的“不完全”心得总结
  14. java经典sql笔试题
  15. Junit4测试报错:java.lang.NoClassDefFoundError: org/junit/runner/manipulation/Filter
  16. 冬奥幕后故事:从低碳火炬到AI裁判,十四年后中国科技再上场
  17. android微信卡,微信无响应怎么弄 让别人微信卡死的小技巧(PC/安卓适用)
  18. 微商城应该怎样选择?
  19. 柿饼UI入门课程第一周作业
  20. 世界最流行鸡尾酒25款

热门文章

  1. WPF ListBox(ListView) 自定义 Button 项,获取 ListBox(ListView)的SelectedValue
  2. SVN 代码迁出,导出,同步至生产环境脚本
  3. ossim系统下nagios监控机器可用性用rrd图形显示
  4. ZZULIOJ 1073:级数求和
  5. 家庭问题(信息学奥赛一本通-T1362)
  6. 理论基础 —— 栈 —— 顺序栈
  7. 信息学奥赛一本通C++语言——1041:奇偶数判断
  8. 哪些集合不能使用迭代器_Rust能力养成之(6):集合体与迭代器
  9. 嵌入式基于Linux电机控制,嵌入式linux下控制电机运动
  10. python函数和方法概念_python基础学习——函数和方法的区别与联系