vue点击创建input内容_vue点击编辑按钮，内容变成input可以修改，也可以删除

1

2 export default {

3 name: ‘official‘,

4 data () {

5 return {

6 activeButton: 0,

7 dialogTitle: ‘添加街道‘, // 控制弹出框title的变量

8 dialogVisible: false, // 弹出框显示隐藏的控制变量

9 isAddStreet: true, // true表示是添加街道数据，false表示添加的是社区工作站的数据

10 streetNameOrCommunityName: ‘‘, // 添加的时候用于保存街道的名称获取社区工作站的名称

11 isEditStreet: false, // 编辑街道

12 isEditCommunity: false, // 编辑社区

13 streetsData: [

14 {id: 1, name: ‘观湖街道‘},

15 {id: 1, name: ‘民治街道‘},

16 {id: 3, name: ‘观澜街道‘},

17 {id: 4, name: ‘龙华街道‘},

18 {id: 5, name: ‘大浪街道‘},

19 {id: 6, name: ‘福城街道‘}

20 ],

21 communityData: [

22 ]

23 }

24 },

25 methods: {

26 handleButtonClick (index) {

27 this.activeButton =