❤vue使用

❤vue使用

v-html（Vue指令）

🌟 v-html 解析并插入 html 标签

🌂v-html 指令的作用：

• 设置元素的innerHTML
• 内容中有html结构会被解析为标签

🔪 动态使用案例

<p v-html="name">{{name}}</p>

🌂v-text指令

• 无论内容是什么，只会解析为文本
• 解析文本使用v-text,需要解析html结构使用v-html

基于vue实现动态绑定必传和非必传

第1种格式

  <el-form-item v-if="projectProductJsoff==true" label="产品规格" :prop="`projectProductJson.${index}.specifications`" 
:rules='[
          { required: true, message: "项目产品规格不能为空", trigger: "blur" }
        ]'>
    <el-input v-model="row.specifications" clearable />
</el-form-item>

== 结果发现比较麻烦，运用了一个开关思想

第2种格式

原本的判断格式是这样子：
:rules='[
 { required: true, message: "项目产品名称不能为空", trigger: "blur" }

写成三元表达式
:rules='[
    { projectProductJsoff == true ? 'required: true,':'required: false', message: "项目产品名称不能为空", trigger: "blur" }
]'>

发现三元表达式其实输出是string
               

第3种格式

直接用规则判定【简写成功】

{ required: projectProductJsoff == true, message: "项目产品名称不能为空", trigger: "blur" }