Vue.js的mounted生命周期函数来实现。 <div :class="{'fui-search':loadReady}" opened="false" primaryControl="id1"> opened="false" primaryControl="id1"怎么动态插入

可以使用Vue.js的动态绑定语法来动态插入属性，具体方法如下：

1. 在data里定义一个变量来控制属性的值，比如叫做`isOpened`，初始化为`false`。

2. 在需要动态插入属性的元素上，使用Vue.js的动态绑定语法来绑定属性值，比如可以这样写：

<div :class="{'fui-search':loadReady}" :opened="isOpened" primaryControl="id1">

3. 在mounted生命周期函数里，通过操作`isOpened`变量来动态修改属性值，比如可以这样写：

mounted() {
  // 延迟1秒后将isOpened设为true
  setTimeout(() => {
    this.isOpened = true;
  }, 1000);
}

这样就可以在mounted生命周期函数里动态插入属性了。当`isOpened`变量的值为`true`时，对应的属性就会被添加到元素上。

相关问题

vue 代码有问题 请指正 <div :class="{'fui-search':loadReady}" :opened="{'false':loadReady}" :primaryControl="{'id1':loadReady}">

这个代码的语法有问题，属性名应该是固定的，不能随意命名。`:class` 属性可以用来动态绑定 CSS 类，`:opened` 和 `:primaryControl` 都不是合法的属性名。

如果你想设置一个元素的 CSS 类、是否打开和主要控件 ID，可以分别使用 `class`、`v-show` 和 `id` 属性。例如：

<div class="fui-search" v-show="loadReady" id="id1"></div>

这个代码会给 `<div>` 元素设置 `fui-search` 类、在 `loadReady` 为真时显示、并且设置 ID 为 `id1`。

<div :class="{'fui-search':loadReady}" opened="false" primaryControl="id1"> opened="false" primaryControl="id1"怎么动态插入

可以使用JavaScript来动态插入这个元素属性，例如：

// 获取要插入的元素
const el = document.querySelector('.my-element');

// 动态设置元素属性
el.setAttribute('opened', 'true');
el.setAttribute('primaryControl', 'id2');

这样就可以动态插入元素属性了。需要注意的是，如果你的元素已经被渲染到了页面中，那么你需要在操作这个元素之前先等待它被加载完成。可以使用`window.onload`事件或者Vue.js的`mounted`生命周期函数来实现。