Vue 自定义仿word表单录入之单选按钮组件

 因项目需要,要实现仿word方式录入数据,要实现鼠标经过时才显示编辑组件,预览及离开后则显示具体的文字。

鼠标经过时显示

Vue 自定义仿word表单录入之单选按钮组件_第1张图片

正常显示及离开时显示

Vue 自定义仿word表单录入之单选按钮组件_第2张图片 组件代码





引用组件,支持数据双向绑定




yesnoData:
[
    { value: 1, text: '有' },
    { value: 0, text: '无' },
],

你可能感兴趣的:(vue.js,自定义组件,前端,vue.js)