今天在开发过程中遇到需求：根据选择标签，动态变换提示内容<div title="" v-if="flag"></div> 使用v-if 定义flag值在需要更换内容事件内，将flag赋值即可 false不展示，true展示
一个指令定义对象可以提供如下几个钩子函数 (均为可选)：
bind：只调用一次，指令第一次绑定到
元素
时调用。在这里可以进行一次性的初始化设置。
inserted：被绑定
元素
插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。
update：所在组件的 VNode 更新时调用，但是可能发生在其子 VNode 更新之前。指令的值可能发生了改变，也可能没有。但是你可以通过比较更新前后的值来忽
v-for可以把数据中的一个数组对应为一组
元素
v-for 指令需要以 item in items 形式的特殊语法， items 是源数据数组并且 item 是数组
元素
迭代的别名。
– 实现效果如图
需求描述：
第一个
显示
蓝色按钮，代表数据最终状态；其余按钮为灰色，
显示
数据流转记录。
返回的数据类型
前端页面代码
<
div
class=leftProcessBox>
<
div
class=leftProcess v-for=(listLZPar,index) v-show=listLZPar.operate_type!>
vue
项目用原生js
动态
创建的
div
的样式不起作用该怎么办一、问题描述二、问题解决
一、问题描述
最近做项目遇到这样一个奇怪的问题，用了高德地图的自定义窗体，但是发现样式无论如何都不起作用。网上查了些资料才得以解决
先看一下不起作用的代码
可以看到样式和
动态
创建的
div
都没问题，但是样式就是不起作用，如下图
二、问题解决
通过查看控制台可以看到样式起作用的
div
都有这样一个特征
都有data-v-xxxxxx这样类似的
再看看我们自己写的渲染出来是什么样的
可以发现并没有上面的特征，所以我就猜想是
浏览论坛的贴子（数据库的数据通过
vue
遍历在
html
页面上）
点击帖子的标题、图片，可以查看详细的帖子（点击事件获取id）
1、设置一个
隐藏
值的放置Id的
div
，点击
div
就获取id，传参到后台（点击一部分）
<!DOCTYPE
html
>
<meta charset="utf-8">
<title>
Vue
测试实例 - 软件开发网(mscto.com)</title>
[removed][removed]
</head>
<
div
i
知识点：
vue
中
动态
添加
div
节点，点击添加，
动态
生成
div
,点击删除，删除对应的
div
，其中数组的长度是
动态
改变的，如在from表单中应用，直接在提交方法中，获得list,获取所填的
元素
即可
核心代码说明(样式代码可自行修改，详细代码请参照源码)：
<
div
v-for="(v,i) in list"> <
div
class="form-...
Vue
通过条件渲染指令可以控制
元素
的
显示
和
隐藏
。常见的条件渲染指令有v-if、v-else-if和v-else。
在模板中，我们可以使用v-if指令来根据数据的真假值进行条件渲染，如果为true就渲染该
元素
，否则就不渲染。例如：
```
html
<template>
<p v-if="isShow">这是要
显示
的内容</p>
</
div
>
</template>
当isShow属性为true时，就会把`<p>`
元素
渲染出来，否则就不会
显示
。
v-else-if指令和v-else指令可以实现多个条件的选择渲染。例如：
```
html
<template>
<p v-if="isShow">这是要
显示
的内容</p>
<p v-else-if="isShow2">这是第二个要
显示
的内容</p>
<p v-else>这是要
隐藏
的内容</p>
</
div
>
</template>
当isShow属性为true时，就会把第一个`<p>`
元素
渲染出来；当isShow2属性为true时，就会把第二个`<p>`
元素
渲染出来；当前两个属性都为false时，就会把第三个`<p>`
元素
渲染出来。
此外，我们还可以使用v-show指令来实现
元素
的
显示
和
隐藏
。和v-if不同的是，v-show不是通过添加和删除DOM节点来实现的，而是通过修改CSS属性display的值来控制
元素
的
显示
和
隐藏
。例如：
```
html
<template>
<p v-show="isShow">这是要
显示
的内容</p>
</
div
>
</template>
当isShow属性为true时，就会把`<p>`
元素
显示
出来；当isShow属性为false时，就会把`<p>`
元素
隐藏
起来。需要注意的是，v-show指令不支持v-else-if和v-else指令。
MySQL报错解决：The MySQL server is running with the --read-only option so it cannot execute this statemen
